當我點擊添加到收藏夾(添加到本地存儲但不更新計數時,當我點擊按鈕ref時,更新計數,我正在為我的電子商務項目做這個,我有一個願望清單。當我將物品新增至願望清單時,我將物品新增至本機儲存體。我需要顯示我已新增至願望清單的物品數量。 我不知道如何在值(本地存儲)更改時自動渲染標題。
我新增了一個按鈕,透過onClick呼叫cou。當我將物品添加到願望清單時,什麼都沒有發生(不渲染),當我點擊按鈕時一切都很好。 有人可以幫忙嗎? 一切都在頁首元件(頁面)上
const [count, setCount] = useState((JSON.parse(localStorage.getItem("liked")))); const cou = () => { let oldData = JSON.parse(localStorage.getItem('liked') || "[]") if (oldData.length === count.length) { setCount((JSON.parse(localStorage.getItem("liked")))) } else { setCount((JSON.parse(localStorage.getItem("liked")))) } }; useEffect(() => { let oldData = JSON.parse(localStorage.getItem('liked') || "[]") if (oldData.length === count.length) { setCount((JSON.parse(localStorage.getItem("liked")))) } else { setCount((JSON.parse(localStorage.getItem("liked")))) } }, [(count.length)]);
這是頁首上的span
<span style={{ position: 'relative', left: '-21px', top: '-18px' }}>{count.length}</span>
而不是寫
[(count.length)]
,你能用 [count] 來檢查一下嗎?請告訴我輸出結果。