當(dāng)您單擊卡片時(shí)，我試圖切換活動(dòng)類，出于某種原因，它僅適用于我擁有的第一個(gè) div 而不適用于第二個(gè) div 元素?；旧?，當(dāng)您單擊 div 元素時(shí)，它應(yīng)該刪除框類并添加活動(dòng)類，但是當(dāng)我單擊第二個(gè) div 時(shí)，它會(huì)影響第一個(gè) div 元素的樣式。任何幫助是極大的贊賞！class RegisterForm extends React.Component {  constructor(props) {    super(props);    this.handleClick= this.handleClick.bind(this);    this.handleClick2= this.handleClick.bind(this);    this.state = {      active: false,      active2: false  };  }  handleClick(){  this.setState({ active: !this.state.active });  console.log(this.state.active);  }  handleClick2(){    this.setState({ active2: !this.state.active2 });    console.log(this.state.active2);  }  render() {    const { form } = this.props    return (      <div>        {' '}        <h1 id={styles.n}> Get started Today </h1>        <h5 id="f">No credit card required </h5>        <br />        <br />        <div className="container">          <div className={this.state.active ? styles.active : styles.box} onClick={this.handleClick} onKeyDown={this.handleClick} role="presentation">            <span className={styles.cont}>              <i className="fa fa-rocket" />.            </span>            <h3>Organization</h3>            <p className={styles.expand}>              <span className="plus">full access to all settings</span>              <span className="minus">-</span>            </p>          </div>          <div className={this.state.active2 ? styles.active : styles.box} onClick={this.handleClick2}>            <span className={styles.cont}>              <i className="fa fa-edit" />.            </span>}