你的眼睛好明亮 -
useLayoutEffect
何時使用useEffect:
副作用與DOM無關:例如,數據獲取、設置訂閲、手動更改瀏覽器的URL等。
不需要立即同步讀取或更改DOM:如果你不關心可能的微小布局跳動或閃爍,那麼useEffect就足夠了。
性能考慮:useEffect通常對性能影響較小,因為它不會阻塞瀏覽器渲染。
何時使用useLayoutEffect:
需要同步讀取或更改DOM:例如,你需要讀取元素的大小或位置並
react-hooks
你的眼睛好明亮 -
react hook 中state使用總結
基本用法
const [age, setAge] = useState(22);
const [age, setAge] = useState(generateAge); //傳入函數生成初始值,此函數只會在首次渲染執行一次
//更新狀態
setAge(val)
setAge((preState)={ return preState +1}); //state有快照概念,一次渲染週期中只能獲取到
react-hooks