3 回答

TA貢獻1921條經驗 獲得超9個贊
{this.state.questionBank.length > 0 && this.state.questionBank.map( ({question,answer,correct,questionId}) => ( ) ) } –
這里的答案應該是 QuizService 中定義的答案
這是正確的 QuestionBox 道具
{this.state.questionBank.length > 0 && this.state.questionBank.map( ({question,answers,correct,questionId}) => ( ) ) } –

TA貢獻1815條經驗 獲得超6個贊
我收到此錯誤是因為在渲染options時未定義。QuestionBox你應該試試這個:
import React, {useState} from "react";
const QuestionBox = ({question, options = [], selected}) => {
const [answer, setAnswer] = useState(options);
return (
<div className="questionBox">
<div className="question">{question}</div>
{answer && answer.map((text, index) => (
<button
key={index}
className="answerBtn"
onClick={() => {
setAnswer([text]);
selected(text);
}}
>
{text}
</button>
))}
</div>
);
};
export default QuestionBox;
添加回答
舉報