redux localStorage.setItem从组件到缩减器

x8diyxa7  于 2022-11-24  发布在  其他
关注(0)|答案(1)|浏览(146)

这是一个很新的React。当我提交表单时,我试图在本地状态中设置一个值。我用了错误的顺序,所以我认为reducer中的getItem部分看起来不错,但我真的不知道如何设置Item。可能想在onSubmit函数中这样做。
第一个
当我在最后一个问题按下提交按钮时,我想更新localStorage,以便klar:每次刷新页面时都为true。

bcs8qyzn

bcs8qyzn1#

正如你所知道的。是的,你可以在onSubmit函数中使用localStorage.setItem
喜欢

const onSubmit = () => {
  const survey = localStorage.getItem('survey');
  const newSurvey = {
    ...JSON.parse(survey),
    klar: true,
    // if you want to store this as well.
    fraga1: newFraga1,
    fraga2: newFraga2,
    fraga3: newFraga3,
    fraga4: newFraga4
  };
  
  localStorage.setItem('survey', JSON.stringify(newSurvey));
  // update your state here
}

如果你使用useState,每次你输入的时候组件都会重新呈现。所以你使用useRef
以下是来自Web Dev Simplified的详细链接:Form example react mistake
希望这能有所帮助,如果有任何评论,如果仍然没有工作提供更多的细节或重新创建它在codepen在线工具。谢谢。

相关问题