3 回答

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

TA貢獻(xiàn)1815條經(jīng)驗(yàn) 獲得超6個(gè)贊
我收到此錯(cuò)誤是因?yàn)樵阡秩緊ptions時(shí)未定義。QuestionBox你應(yīng)該試試這個(gè):
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;

TA貢獻(xiàn)1773條經(jīng)驗(yàn) 獲得超3個(gè)贊
將默認(rèn)空數(shù)組分配給question
參數(shù)。它將第一次解決可能未定義的問(wèn)題。
添加回答
舉報(bào)