next.js 使用useState()从表单中获取对象数组

dfuffjeb  于 11个月前  发布在  其他
关注(0)|答案(1)|浏览(94)

因此,我在这个应用程序,有一个可变数量的选项卡,每个选项卡有3个字段(questionNumber,questionTitle,答案),我想得到的形式响应

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

字符串

我所尝试的

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

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


我该如何着手解决这个问题?

xv8emn3q

xv8emn3q1#

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

字符串
尝试添加一个变量newResponse,然后将数据设置到状态变量中。

相关问题