为什么我的本地存储在页面刷新后不保存

Question

在我的反应我有以下代码:

useEffect(() => {
localStorage.setItem('level', level.toString())
localStorage.setItem('currentExperience', currentExperience.toString())
localStorage.setItem('challengesCompleted', challengesCompleted.toString())
}, [level, currentExperience, challengesCompleted])

我不想在刷新页面时丢失这些数据!

Answer 1

useEffect将在每次level, currentExperience, challengesCompleted的值发生变化时运行。当您刷新页面时，这些变量的值可能不是您想要的值，但useEffect将运行并最终将值设置为本地存储。你需要重新包装你的代码来设置if条件中的值，或者把它从useEffect中去掉。