React 性能优化之批量处理 unstable_batchedUpdates
生活随笔
收集整理的這篇文章主要介紹了
React 性能优化之批量处理 unstable_batchedUpdates
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
手動批量處理
unstable_batchedUpdates 可用于手動批量更新state,可以指定多個setState合并為一個更新請求。
import { useState, useLayoutEffect } from "react"; import { unstable_batchedUpdates } from "react-dom";function App() {const [count, setCount] = useState(0);const [value, setValue] = useState(false);function handleClick() {setTimeOut(() => {ReactDOM.unstable_batchedUpdates(() => {setCount((c) => c + 1); // Causes a re-rendersetValue((f) => !f); // Causes a re-render})}, 100)}return (<div><button onClick={handleClick}>Next</button></div>); }總結
以上是生活随笔為你收集整理的React 性能优化之批量处理 unstable_batchedUpdates的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: IDEA Git更新
- 下一篇: 锐驰机器人的市场_【年终盘点】2020年