react组件API的7个方法

Posted 2022-11-28 川衡

React组件API的7个方法：

一、setState 设置状态

 setState(object nextState[, function callback])
setState是React事件处理函数中和请求回调函数中触发UI更新的主要方法。

注意：
1、不能再组件内部通过this.state修改状态  原因：该状态会在调用setState()后被替换
2、setState()不会立即改变this.state，而是react创建一个即将处理的state。  原因：setState()不一定是同步的，为了提升性能react会批量执行state和dom渲染。
3、setState()总是会触发一次组件重绘，除非在shouldComponentUpdate()中实现了一些条件渲染逻辑。

二、replaceState 替换状态

replaceState(object nextState[, function callback])
replaceState与setState类似，但是方法只会保留nextState中状态，元state不在nextState中的状态都会被删除。

三、setProps 设置属性

setProps(object nextProps[, function callback])
props相当于组件的数据流，总会从父组件向下传递至所有的子组件中。
更新组件：可以在节点上再次调用React.render(),也可以通过setProps()方法改变组件属性，触发组件重新渲染。

四、replaceProps 替换属性

replaceProps()方法与setProps类似，但它会删除原有

五、forceUpdate 强制更新

forceUpdate([function callback])
forceUpdate()方法会使组件调用自身render()方法重新渲染组件，组件的子组件也会调用自己的render()。组件重新渲染时，依然会读取this.props和this.state，如果状态没有改变，就只更新dom。
forceUpdate()方法适合于this.props和this.state之外的组件重绘。

六、findDOMNode 或DOM节点

该方法主要被用来获取变动字段的值和做一些dom操作。

七、isMounted 判断组件挂载状态

返回值true 或 false 表示组件是否已挂载到dom中