react 中的 state

1.state:
在react中，state可以看成管理页面状态的集合（实则一个对象而已），库里面的成员均为页面渲染变量，整个页面为一个状态机，当state发生变化时，页面会重新渲染，页面随state变化而变化。
state控制页面渲染，但是只给state赋值是不会导致页面刷新的，只有调用this.setState({})方法后才会执行render方法，最后导致页面重新渲染。
第一种写法：
this.setState({text1: e.target.value})为最常规的写法，执行完此方法之后会执行render方法，刷新state中的text1值。但是这里有个问题就是this.setState({})本身作为异步函数，赋值与渲染上会有先后问题，
在执行this.setState({text1: e.target.value})这个方法是，实际上this.state.text1的值没有改变。当走到render里面的时候this.state.text1的值才会发生改变，render内原则不可以写过多的赋值逻辑，如何解决呢产生方法二。

第二种写法：
this.state.text2 = e.target.value; 这种赋值可以直接改变this.state.text2的值，然后调用this.setState({})重新渲染页面，这种方式不会存在异步问题（只要调用this.setState({})，render函数是必然会走的，除非使用
shouldComponentUpdate来加以限制）。

第三种写法：
this.setState({},()=>{})这种赋值与第一种一样，主要侧重在回调函数上，回调函数是在执行完render后执行，回调函数内可以写逻辑，我们拿个简单的赋值举例。这种方式可以控制组件渲染的先后顺序。

来自官网：
不要直接修改状态state： 这不会重新渲染组件
// Wrong
this.state.comment = ‘Hello’;
相反，使用setState()；
// Correct
this.setState({comment: ‘Hello’});