React 入门（四）

UI更新的方式

ReactDOM.render()是将 React 元素渲染到 dom 中的唯一方法。当元素被渲染到界面中以后，我们可以使用this.setState()方法来修改组件属性，从而更新节点。
React 操作的永远都是JSX声明的元素或者定义好的组件，因而，我们更新页面中的节点只能通过修改组件属性的方式，触发 Dom 更新。

注意点

1. 不能绕过this.setState()方法直接更新状态this.state.**=**这样是没有用的。只有在构造函数中给状态赋值才有意义，同样只有this.setState()才能正确的更新组件状态。
2. this.setState()支持传入一个对象或者一个函数，当使用对象时，函数会根据传入的对象更新组件状态，当使用函数时，支持箭头函数与常规函数，函数的第一个参数为先前的状态，第二个参数为此次更新被应用时的属性。我们可以根据这两个参数，进行处理获取需要更新的状态值。这里的函数最终返回的也是一个用于更新状态的对象。
3. this.setState()只会将你直接传入或者函数返回的对象合并到当前状态中，并不会替换整个状态，因而，当状态中存在多个字段时，我们只需要修改我们需要更新的字段。

综述

组件区分为有状态和无状态两种，组件有状态说明组件可能随着时间的变化二发生改变，无状态则相反。我们只能通过this.setState()更新组件状态。但组件之间互不干扰，因而，我们对有状态的组件和无状态的组件进行嵌套使用。