在我的React应用程序中，我将localStorage项count设置为1。
count
1
useEffect(() => { window.localStorage.setItem('count', String(1)); }, []);
useEffect(() => {
window.localStorage.setItem('count', String(1));
}, []);
字符串如何在每次页面刷新时将此localStorage值递增1？
9avjhtql1#
要在localStorage中增加count项的值，可以在useEffect中使用以下代码：
localStorage
useEffect(() => { const currentCount = Number(window.localStorage.getItem('count')) || 0; window.localStorage.setItem('count', String(currentCount + 1));}, []);
const currentCount = Number(window.localStorage.getItem('count')) || 0;
window.localStorage.setItem('count', String(currentCount + 1));
字符串
您还可以注意到，由于新的React18特性1，页面刷新计数在开发中增加了2。
React18
mm5n2pyu2#
在localStorage中设置值之前，检查值是否已经存在，如果存在则递增，否则设置为1。
useEffect(() => { let val = window.localStorage.getItem('count'); val = val ? parseInt(val) : 0 window.localStorage.setItem('count', String(val + 1));}, []);
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
2条答案
按热度按时间9avjhtql1#
要在
localStorage中增加count项的值，可以在useEffect中使用以下代码：字符串
注：
您还可以注意到，由于新的
React18特性1，页面刷新计数在开发中增加了2。mm5n2pyu2#
在localStorage中设置值之前，检查值是否已经存在，如果存在则递增，否则设置为1。
字符串
参考-https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage