react组件API的7个方法

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中
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值