使用 useState（）从表单中获取对象数组-解网

问：

所以我正在开发这个具有可变数量的选项卡的应用程序，每个选项卡有 3 个字段（questionNumber、questionTitle、Answer），我想以


    [{
    questionNumber: 1,
    questionTitle: "question 1",
    answer: "answer 1"
    },
    ...]

我试过什么

我创建了一个空列表，然后在单击下一个按钮（导航到下一个问题的按钮）时将对象附加到该列表，但是在这样做时，对象列表被重新初始化为空列表，因此我最终丢失了从上一个问题中获得的数据

const [quizData, setQuizData] = useState([]);

我应该如何解决这个问题？

javascript reactjs json next.js react-hooks

评论

0赞 GreyBeardedGeek 11/4/2023

看看 useContext

0赞 Maxwell D. Dorliea 11/4/2023

你能提供你尝试过的东西吗？没有上下文，任何人都很难帮助你

答：

1赞 Aryadip Mridha 11/4/2023 #1

const addResponse = (questionNumber, questionTitle, answer) => {
    const newResponse = {
      questionNumber,
      questionTitle,
      answer,
    };
    setQuizData([...quizData, newResponse]);
  };

尝试添加变量 newResponse，然后将数据设置到状态变量中。

评论

0赞 Himanshu Sardana 11/4/2023

这是我尝试过的，但是由于某种原因它不起作用

0赞 hokwanhung 11/4/2023

@HimanshuSardana 看看这个 StackOverflow 问题：React Hooks （useState）中的 Push 方法？

上一个：React 在循环遍历 JSON 对象数组时不渲染组件

下一个：使用 react 将数据永久保存在 json 中