如何在ReactJS實現值變化時的渲染
P粉685757239
P粉685757239 2023-09-15 22:36:49
0
1
806

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

P粉685757239
P粉685757239

全部回覆(1)
P粉760675452

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

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板