如何在ReactJS實現值變化時的渲染

Question

當我點擊添加到收藏夾（添加到本地存儲但不更新計數時，當我點擊按鈕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>

Answer 1

而不是寫 [(count.length)]，你能用 [count] 來檢查一下嗎？請告訴我輸出結果。