reactjs - 在reactjs中删除一个单击按钮的类

Question

active当我点击 a 时，我设置了课程div。

 const setActive = () => {
    setActiveColor("active");
  };

click here to deselect color当我单击组件中的按钮时，我想删除此类App。这个怎么做？

演示：https ://codesandbox.io/s/exciting-elbakyan-hi12l?file=/src/App.js:541-569

标签： reactjs

Answer 1

您可以在班级中有一个状态变量，并且根据您的点击，您可以更改该变量以添加或删除班级

class Demo{
  constructor(){
    this.state={addClass:true}
  }
  render(){ 
    return({
        this.state.addClass?<div className="some-class">With class</div>
       :<div>Without class</div>
    })
  }
}

// Or
 class Demo{
  constructor(){
    this.state={addClass:true}
  }
  render(){ 
    return(
        <div className={this.state.addClass?"some-name":null}>Lorem</div>
    )
  }
}