考慮到所有使 React 快速運行的努力,當涉及到由 React 管理的 DOM 操作時,我仍然遇到性能問題。有沒有辦法從 React 下切換到直接 DOM 操作而不破壞它?
PS:我對洗掉 DOM 節點特別感興趣。
uj5u.com熱心網友回復:
一種安全的處理方法是完全在 React 之外構建對性能敏感的組件。
這可以通過網路組件來完成。React 有一個頁面解釋了如何在此處將 Web 組件和 React 組件一起使用。
因此,你可以完全控制你的 web 組件中的 shadow DOM 來做你想做的任何 DOM 操作,然后你可以在 React 中插入你的 web 組件,而不必擔心 React 的虛擬 DOM 演算法會干擾你所做的事情在影子 DOM 中。
uj5u.com熱心網友回復:
React 就是操縱狀態以觸發 DOM 的重新渲染。不是像在 jQuery 中那樣從 DOM 中任意洗掉元素,而是應該通過從 props 中過濾掉專案來更新狀態。將在洗掉專案后觸發 DOM 重新渲染的專案。
為了更好地操作,您可以將 state 用于小型專案,將 redux 用于中型到大型專案。
useRef并且useState易于使用和操作。
轉載請註明出處,本文鏈接:https://www.uj5u.com/shujuku/353760.html
標籤:javascript 反应 谷歌浏览器 dom
