有人可以為此警告訊息提供解決方案嗎?
137:7 警告 'slider1' 陣列使 useEffect Hook(第 143 行)的依賴項在每次渲染時發生變化。為了解決這個問題,將 'slider1' 的初始化包裝在它自己的 useMemo() 鉤子 react-hooks/exhaustive-deps 中
138:7 警告 'slider2' 陣列使 useEffect Hook(第 143 行)的依賴項在每次渲染時發生變化。為了解決這個問題,將 'slider2' 的初始化包裝在它自己的 useMemo() 鉤子 react-hooks/exhaustive-deps 中
我是新手,沒有經驗。如果有人可以提供完整的解決方案,那就太好了。
這是代碼:
const [nav1, setNav1] = useState(null);
const [nav2, setNav2] = useState(null);
let slider1 = [];
let slider2 = [];
useEffect(() => {
setNav1(slider1);
setNav2(slider2);
}, [slider1, slider2]);
uj5u.com熱心網友回復:
const slider1 = useMemo(() => [], []);
就如此容易 :)
也知道這里的問題,讓 React 中的變數在每次滴答時重新創建自己,因為每個滴答都會重新運行 useEffect 你會有一個無限回圈:) 你也可以將它用作狀態默認值而不是 null :)
轉載請註明出處,本文鏈接:https://www.uj5u.com/net/315549.html
