博客 / 列表

你的眼睛好明亮 - 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