react 前端框架如何驱动企业数字化转型与创新发展
222
2024-07-09
ft.nextTick(function callback)
延迟一部分操作到下一个时间片再执行。(类似于 setTimeout)
参数
function callback
说明
因为自定义组件中的 setData 和 triggerEvent 等接口本身是同步的操作,当这几个接口被连续调用时,都是在一个同步流程中执行完的,因此若逻辑不当可能会导致出错。
一个极端的案例:当父组件的 setData 引发了子组件的 triggerEvent,进而使得父组件又进行了一次 setData,期间有通过 ft:if 语句对子组件进行卸载,就有可能引发奇怪的错误,所以对于不需要在一个同步流程内完成的逻辑,可以使用此接口延迟到下一个时间片再执行。
示例代码
Component({ doSth() { this.setData({ number: 1 }) // 直接在当前同步流程中执行 ft.nextTick(() => { this.setData({ number: 3 }) // 在当前同步流程结束后,下一个时间片执行 }) this.setData({ number: 2 }) // 直接在当前同步流程中执行 }})
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。
发表评论
暂时没有评论,来抢沙发吧~