• 状态是可变的
  • 语法:this.setState({ 要修改的数据})
  • 注意:不要直接修改state 中的值,这是错误的!!!
  • setState() 作用:1. 修改 state 2. 更新UI
  • 思想:数据驱动视图
  • setState() 方法接受的是一个对象参数(直接键值对去写就行,内部react自己会进行一个处理)。
export class Shijian extends React.Component {
constructor() {
super(); //es6里面规定的,构造函数里必须这个super函数
this.state = {
count: 10
}
}
render() {
return (<div>
<h1>计数器:{this.state.count}</h1>
<button onClick={()=> {
this.setState({count: this.state.count + 1})
}}>按钮</button>
</div>)
}
};