在我的組件中，我有：
let isClicked = false;
在呈現事物的地方，我有：
<div className="relative">
{!isClicked ? (
<div className="relative">
1
</div>
) : (
<div className="relative">
2
</div>
)
}
</div>
問題是當變數發生變化時沒有任何變化。我可以確保在命令列上更改變數。如果我更改它并手動重新加載頁面，邏輯就會起作用。
問題是當變數在運行時發生變化時它不會重新渲染。
uj5u.com熱心網友回復：
react 中有一些特殊的變數會導致重新渲染它們的變化。這些是狀態變數。想象一下，如果每個變數更改都會導致重新渲染，您將面臨的問題。
如果這是一個功能組件，您可以使用useState：
const [isClicked,setIsClicked] = useState(false);
.
.
//some method triggered by button click etc.
const onclick =() => {
setIsClicked(true);
}
.
.
閱讀：鏈接和鏈接
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/490894.html