如何在ReactJS中添加或删除事件上的类名？

作者

我是一个全新的反应者，我正在努力将我的想法从标准js转换过来

在我的react组件中，我有以下元素：

&lt；div className='base-state'onClick={this.handleClick}&gt；单击此处&lt/部门&gt；

我正在寻找的行为是在单击时添加一个额外的类。我的第一个想法是尝试在click handler函数中添加类，例如

handleClick:函数（e）{
&lt；在此处添加类“单击状态”&gt；
}

我还没有找到任何类似的例子，所以我相当肯定我没有用正确的方式思考这个问题

谁能给我指出正确的方向吗

类列表可以从组件的状态派生。例如：

var Component=React.createClass({
getInitialState:函数（）{
返回{
单击：false
};
},
handleClick:function（）{
this.setState（{单击：true}）；
},
render:function（）{
var className=this.state.clicked？'click state'：'base state'；
return&lt；div className={className}onClick={this.handleClick}&gt；单击此处&lt；/div&gt；；
}
});

调用此.setState将触发组件的重新加载

相关文章：

  1. package.json中的波浪号（~）和插入符号（^）有什么区别？
  2. npm安装的–save选项是什么？
  3. npm package.json文件中的依赖项、devdependency和peerdependency之间有什么区别？
  4. 如何将package.json中的每个依赖项更新为最新版本？

发表评论