React（鈎子）是否需要使用狀態來執行其虛擬 dom diff 魔術？

Question

這一直讓我感到困惑。 如果我說“謝謝 React，您的 state 鈎子很棒，但我只是在這里直接進行 dom 操作”，react 仍然會進行虛擬 dom 比較以僅更新該特定項目嗎？ 我還會從虛擬 dom 的“情況”中受益嗎？

使用 react 直接操作沒有狀態的 dom 與使用標准 HTML 文件和導入的 vanilla js 代碼之間有什么區別嗎？

為清楚起見，這是一個示例，假設我有 function printHellol() 由我的 JSX 中的“單擊”按鈕觸發。 function 以元素的 ID 為目標並更改文本內容。

我在任何地方都找不到答案。 謝謝！

Answer 1

他在 state 中持有的任何東西都成為 object 的一部分，該 object 反應呈現為與 dom 分離的元素。 它本質上是為所有州創造一個單獨的環境。 在 state 之外使用的任何東西都可以被認為是直接 dom object 的一部分，從而導致在發生更新時重新呈現頁面。 換句話說，如果您想訪問虛擬 dom 特定環境，則需要使用特定於反應的 state。