考慮下面的代碼片段:
import { useEffect } from "react" export const Hello = () => { useEffect(() => { console.log("Mounted") return () => { console.log("Unmounted") } }, []) return (<h1>Hello</h1>) }因此,根據您迄今為止使用 CRA 撰寫 React 代碼的經驗,如果我將里面的文本
<h1>從Helloto更改為Hey并點擊保存,您認為會發生什么。您認為該
Hello組件會被卸載并再次安裝嗎?
根據我的經驗應該說沒有發生,只有文本應該有所改變。但是我現在看到該組件正在卸載并再次安裝。
這不是關鍵,但在我的專案中,我正在使用 iframe,并且在卸載時我運行了一些我不想不必要地運行的代碼。
從一開始就是這種情況,有什么改變還是我做錯了什么?
uj5u.com熱心網友回復:
使用熱模塊重新加載時,更改功能組件內部的某些內容并保存不會導致組件被卸載并再次安裝,但所有效果都會重新運行。
來源:React Hot Loader 的作者 Dan Abramov 的評論
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/323464.html
上一篇:待辦事項串列在單擊onclick時將狀態反轉為false
下一篇:我如何獲得狀態改變的元素
