所以我正在开发一个测验应用程序,所以这是我第一次启动时应用程序的初始状态,我还有 quizApplication.js 组件存储所有问题和答案,
{
question: "I am task oriented in order to achieve certain goals",
answers: [
{
type: "Brown,D,JP",
content: "Hell Ya!"
},
{
type: " ",
content: "Nah"
}
]
},
Run Code Online (Sandbox Code Playgroud)
这是我设置用户答案的功能
setUserAnswer(answer) {
if (answer.trim()) {
const answer_array = answer.split(',');
const updatedAnswersCount = update(this.state.answersCount, {
[answer]: {$apply: (currentValue) => currentValue + 1},
});
this.setState({
answersCount: updatedAnswersCount,
answer: answer
});
}
}
Run Code Online (Sandbox Code Playgroud)
我也有一个像这样的 AnswerOption 组件
function AnswerOption(props) {
return (
<AnswerOptionLi>
<Input
checked={props.answerType === props.answer}
id={props.answerType} …
Run Code Online (Sandbox Code Playgroud)