Je voulais faire une application Web Quiz et chaque fois que j'ai ajouté une fonction de carte dans mon Est-ce que quelqu'un a une solution pour ce problème? < P> Erreur: code de questionbox.js it thous une erreur. questionbox.js :
3 Réponses :
J'ai eu cette erreur car p> options code> est indéfini lorsque questionbox code> est rendu. Vous devriez essayer ceci:
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;
Oui, l'erreur de type est partie mais les boutons ne sont pas apparus. Pouvez-vous dire ce qui ne va pas?
Attribuer une matrice vide par défaut à la question argument. Il résoudra le problème comme pour la première fois qu'il pourrait être indéfini.
{this.state.QuesttionBank.length> 0 && this.state.Questionbank.map (({question, réponse, correct, questionnaire}) => ())} -
Ici, la réponse doit être des réponses telles que définies dans le Quizservice
Voici les accessoires de la bande de bande correcte
{this.state.QuestionBank.length> 0 && this.state.Questionbank.map (({question, réponses, correct, questionnaire}) => ())} -
Montrez-nous la façon dont vous envoyez les accessoires à la composante de la bande de bande
{this.state.QuestionBank.length> 0 && this.state.QuestionBank.map ((((((((((({question, réponse, correct, questionnaire}) => (
Maintenant, nous devons savoir comment l'objet de la questionbank ressemblerait à