组件状态

组件状态

state|数据|私有状态|本地状态
定义

//es6+ 
//实例属性: state    
class App{state:{}}

//es6：构造器 this.state  
class App extends React.Component{
  constructor(){
    this.state={}
  }
}

//ES5：
createReactClass({
  getInitialState:function(){
    return {
      状态名:值,xx:oo
    }
  }   
})

获取

//渲染
{this.state.proname}
//获取
this.state.proname

修改状态

//修改
this.setState(对象)  //浅合并state

this.setState((asyncState,prevProps)=>{
  //一般是用于在setState之前做一些操作
  //this.state==同步结果
  //asyncState==异步结果
  //this.props==后
  //prevProps==前
  return {
    sname:value
  }
}) 

this.setState({
  sname:value
}, () => {
  //一般是用于在setState之后做一些操作
  //this.state == 修改之后的state
})

setState的结果是异步的