【React】fiber带来的API

github地址
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑

React Fiber异步渲染

unstable_ConcurrentMode

React.unstable_ConcurrentMode 是一个使子组件中的更新异步的组件,这意味着更新被视为低优先级。

1
2
3
4
const ConcurrentMode = React.unstable_ConcurrentMode;
<ConcurrentMode>
<App /> // Low Priority by default
</ConcurrentMode>

flushSync

如果您想在组件内部使用同步更新,则可以使用ReactDOM.flushSync(cb)。在ReactDOM.flushSync回调内部,更新被视为同步优先级,这是v16的默认优先级。

1
2
3
4
5
flushSync(() => {
this.setState({
num: newNum,
})
})

你的支持将鼓励我继续创作