React 类组件的state

state

state 生命周期

this.state

this.state 用来获取状态设置初始值的 类似于vue的start用来存储值

必须 写在constructor 函数里

constructor (props){
  super(props);
  // 设置初始值
  this.state={
    name:'小张',
    age:18,
    exp:{
      year:'2年',
      job:'web'
    },
  }
}
修改 必须使用 this.setState({name:'小五'})

使用时发生了什么？

• 使用setState()后,会与原来的state对象进行合并。进而修改state的值

生命周期

componentDidMount(){} 挂载后

方法会在组件已经被渲染到 DOM 中后运行，所以，最好在这里设置计时器：

componentWillUnmount(){} 挂在后 生命周期方法中清除计时器：