我是一个全新的react 者，我正在努力将我的思维从标准js转换过来.
在react组件中，我有以下元素:
<div className='base-state' onClick={this.handleClick}>click here</div>
我正在寻找的行为是在单击时添加一个额外的类.我的第一个 idea 是try 在click handler函数中添加类，例如.
handleClick : function(e) {
<add class "click-state" here>
}
我还没有找到任何类似的例子，所以我很确定我没有正确地思考这个问题.
谁能给我指出正确的方向吗？
类列表可以从组件的状态派生.例如:
var Component = React.createClass({
getInitialState: function() {
return {
clicked: false
};
},
handleClick: function() {
this.setState({clicked: true});
},
render: function() {
var className = this.state.clicked ? 'click-state' : 'base-state';
return <div className={className} onClick={this.handleClick}>click here</div>;
}
});
调用this.setState将触发组件的重新加载.