【React】三大属性之state、props、ref

目录

1.state

1、状态类型为不可变类型

2、状态类型为数组

3、状态的类型是普通对象

2.props

props属性特点

父组件给子组件传递数据：

3.Refs

React.createRef()

---

1.state

React把每一个有状态的组件都看成是一个状态机，组件内部通过state来维护组件状态的变化。

在事件中触发setState()来修改state数据，state改变后会重新进行render()

在需要对用户输入、服务器请求或者时间变化等做出响应时，使用state。

React目前支持的事件列表：

1、不能直接修改state

组件修改state，并不会重新触发render。

2、state的更新是异步的

  调用setState时，组件state并不会立即改变，只是把要修改的状态放入事件队列当中，react会优化真正的执行时机，如果连续写多次setState，会将多次setState的状态修改合并成一次状态修改。

3、state的更新是一个合并的过程

  当调用setState()修改组件的状态时，只需要传入发生改变的state，而不是完整的state，因为组件state的更新是一个合并的过程

state当中的某一个状态发生变化时，应该重新创建这个状态对象，而不是直接修改原来的state状态，那么当状态发生变化时，如何去创建新的状态呢，我们根据状态类型可以分为下面三种情况： 

1、状态类型为不可变类型

number、string、boolean、null、undefined

2、状态类型