如何在 React 应用程序中每次刷新页面时将 localStorage 值增加 1

Question

在我的 React 应用程序中，我将 localStorage 项目

count

设置为

1

。

 useEffect(() => {
    window.localStorage.setItem('count', String(1));
  }, []);

如何在每次页面刷新时将此 localStorage 值增加

1

？

Answer 1

在 localStorage 中设置值之前，检查值是否已存在，如果存在则递增，否则设置为 1。

useEffect(() => {
    let val = window.localStorage.getItem('count');
    val = val ? parseInt(val) : 0
    window.localStorage.setItem('count', String(val + 1));
}, []);

参考 - https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage

Answer 2

增加

count

中

localStorage

项的值；您可以在 useEffect 中使用以下代码：

useEffect(() => {
  const currentCount = Number(window.localStorage.getItem('count')) || 0;
  window.localStorage.setItem('count', String(currentCount + 1));
}, []);

代码示例