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

rggaifut 于 5个月前发布在 React

关注(0)|答案(2)|浏览(85)

在我的React应用程序中，我将localStorage项count设置为1。

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

字符串
如何在每次页面刷新时将此localStorage值递增1？

reactjs

来源：https://stackoverflow.com/questions/77764435/how-to-increment-my-localstorage-value-by-1-on-every-page-refresh-in-react-app

2条答案

按热度按时间

9avjhtql1#

要在localStorage中增加count项的值，可以在useEffect中使用以下代码：

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

字符串

CODE SAMPLE*
注：

您还可以注意到，由于新的React18特性1，页面刷新计数在开发中增加了2。

参考资料 *

赞(0）回复(0）举报 5个月前

mm5n2pyu2#

在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

赞(0）回复(0）举报 5个月前