ReactJS在改变值时如何渲染

Question

当我点击添加到收藏夹(添加本地存储但不更新计数，当我点击按钮ref时，更新计数我正在为我的电子商务项目做这件事，我有愿望清单。当我将项目添加到我的愿望清单时，我将项目添加到我的localStorage。我需要显示有多少项目我添加到我的愿望清单。我不知道如何渲染头(自动)时改变值(localStorage)。

我添加了按钮，与onClick我正在呼叫国家。当我添加项目到愿望列表没有发生(不渲染)，当我点击按钮一切都很好。有人能帮忙吗?

标题组件

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 on header

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

Answer 1

不要写[(count.length)]，你可以用[count]检查一下吗?请让我知道结果。