Lesson10组件的state和setState

1. state 用来存储组件内的状态

constructor () {
    super()
    this.state = { isLiked: false }
}

2. setState用来修改state状态
   直接通过this.state.xxx = xxx来修改state状态的话，react无法感知状态改变，所以不会更新组件
   (1).. setState()函数接收对象参数

 this.setState({
      isLiked: true
 })

(2).. setState()函数接收函数参数

this.setState((prevState) => {
      return { isLiked: true }
})

如果多次调用setState, React.js 内部会把 JavaScript 事件循环中的消息队列的同一个消息中的 setState 都进行合并以后再重新渲染组件。
因为这个，得出两点需要注意的事项：

• 不用担心多次setState会影响性能
• 如果当前setState需要依赖上次setState的状态，那么最好使用函数参数进行setState，因为这个函数参数可以接受一个参数就是当修改前的state里面的状态信息。