class MyComponent extends React.Component {
//初始化状态
state = { isNice: false }
render() {
const { isNice } = this.state;
return (
<div>
<p>今天天气很{ isNice ? '好' : '不好' }</p>
<button onClick={this.change}>change</button>
</div>
)
}
change = ()=> {
this.setState({isNice: !this.state.isNice})
}
}
ReactDOM.render(<MyComponent/>,document.getElementById('app'))
React中的state、setState
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 在searchGoods方法里面并没有直接获取到最新的searchVal的值。解决方法: 在setState值后,...
- React State(状态) React 把组件看成是一个状态机(State Machines)。通过与用户的交...
- setState(updater, callback) 是react里的一个常用方法,用来改变组件state来触发...
- 今天,我使用了setState设置state没有更新,整理了一下: 1、setState函数是异步函数,setSt...
- React中constructor是唯一可以初始化state的地方,也可以把它理解成一个钩子函数,该函数最先执行且...