State(状态)

1 .props是在父组件中指定，一经指定，在被指定的生命周期中则不再改变

2 .对于需要改变的数据，我们需要使用state

3 .需要在constructor中初始化state，然后在需要修改时调用setState方法。

4 当state改变时，会重新调用render渲染。

var checkButton = React.createClass({
  //初始值
  getState : function(){
    isCheck : false
  },
  handledCheck : function(){
    this.setState ({
      isCheck : !this.state.isCheck
    })
  },
  render : function() {
    //jsx语法不能使用if
    var text = this.state.isCheck ? "选中" : "未选中"

    return {
      <div>
        <input type = "checkbox" onChange={this.handledCheck} />
        {text}
      </div>
    }
  }
})



//渲染
ReactDom.render{
  {
    <lcheckButton/>,
      document.getElementById("container")
  }
}