本文介绍了在React中如何实现toggle效果。通过getInitialState设置初始状态，并利用this.setState方法动态修改状态，每次状态变更时都会触发组件重新渲染，以此达到切换效果。
var Divider =React.createClass({
getInitialState:function(){
return {props:true}
},
handleClick:function(){
this.setState({props:!this.state.props})
console.log(this.state.props)
},
render:function(){
var classString = 'content' + (this.state.props ? ' bg-red' : ' bg-green');
return (
<div>
<h2 className={classString}>{this.props.children}</h2>
getInitialState:function(){
return {props:true}
},
handleClick:function(){
this.setState({props:!this.state.props})
console.log(this.state.props)
},
render:function(){
var classString = 'content' + (this.state.props ? ' bg-red' : ' bg-green');
return (
<div>
<h2 className={classString}>{this.props.children}</h2>
最低0.47元/天 解锁文章
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
