Bagaimana untuk melaksanakan pemaparan apabila nilai berubah dalam ReactJS

Question

Apabila saya mengklik tambah pada kegemaran (tambah pada storan tempatan tetapi kiraan tidak dikemas kini, apabila saya mengklik butang ref, kiraan dikemas kini, saya melakukan ini untuk projek e-dagang saya, saya mempunyai senarai hajat. Apabila saya tambah item Apabila menambah pada senarai hajat, saya menambah item pada storan setempat dan saya perlu memaparkan bilangan item yang saya tambah pada senarai hajat. Saya tidak tahu cara untuk memaparkan pengepala secara automatik apabila nilai (storan tempatan) berubah.

Saya menambah butang yang memanggil cou melalui onClick. Apabila saya menambah item pada senarai hajat, tiada apa yang berlaku (tiada rendering) dan apabila saya mengklik butang semuanya baik-baik saja. Ada sesiapa boleh tolong? Semuanya ada pada komponen pengepala (halaman)

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)]);

Ini ialah rentang pada tajuk

<span style={{ position: 'relative', left: '-21px', top: '-18px' }}>{count.length}</span>

Answer 1

Daripada menulis [(count.length)], bolehkah anda menggunakan [bilangan] untuk menyemak? Tolong beritahu saya outputnya.