title: React toggle class
body: <p>I want toggle class only click element. But now when i click anyone they are all active. And when i click a tag, i want add another class to card div. How should i update the code? </p>
  
  <pre><code> handleClick() {
          const currentState = this.state.active;
          this.setState({ active: !currentState });
      }
  </code></pre>
  
  <pre><code>&lt;div className="container"&gt;
     &lt;div&gt;
       &lt;h1&gt;Components&lt;/h1&gt;
       &lt;div&gt;
          &lt;a href="#" onClick={this.handleClick.bind(this)} className= {this.state.active ? "card-icon active" : "card-icon"}&gt;click&lt;/a&gt;
          &lt;a href="#" onClick={this.handleClick.bind(this)} className= {this.state.active ? "list-icon active" : "list-icon"}&gt;click&lt;/a&gt;
       &lt;/div&gt;
     &lt;/div&gt;
     &lt;input type="text" placeholder="" className="input" onChange={(e)=&gt;this.searchSpace(e)}  /&gt;
     &lt;div className="card"&gt;
       {items}
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>