react state随笔

state在React以及React-Native的作用是 变量传值,主要的目的就是控制组件的状态和内容显示

第一步:初始化组建状态

getInitialState () {
   return {
      disabled: false,
      crazy: false,
      options: FLAVOURS,
      value: [],
   };
},

第二步:定义方法,用于操作state变量

toggleChocolate (e) 
{
    let crazy = e.target.checked;
    this.setState({
        crazy: crazy,
        options: crazy ? WHY_WOULD_YOU : FLAVOURS,
    });
},

第三步:在组件中调用

<Select multi simpleValue disabled={this.state.disabled} value={this.state.value} placeholder="Select your favourite(s)" options={this.state.options} onChange={this.toggleChocolate} >

这些是我目前所用到的一点state知识,仅仅是state的冰山一角,以后如有用到会继续更新