React中的state、setState

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'))
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容