亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

TypeError:無法讀取未定義的屬性“地圖”錯誤

TypeError:無法讀取未定義的屬性“地圖”錯誤

動漫人物 2022-10-21 14:47:09
我想制作一個測驗網絡應用程序,每當我在其中添加地圖功能時QuestionBox.js都會出錯。有沒有人有這個問題的解決方案?錯誤 :   4 | const [answer, setAnswer] = useState(options);   5 | return (   6 |   <div className="questionBox">>  7 |     <div className="question">{question}</div>     | ^   8 |     {answer.map((text, index) => (   9 |       <button  10 |         key={index}代碼QuestionBox.js: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.map((text, index) => (        <button          key={index}          className="answerBtn"          onClick={() => {            setAnswer([text]);            selected(text);          }}        >          {text}        </button>      ))}    </div>  );};export default QuestionBox;
查看完整描述

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}) => ( ) ) } –


查看完整回答
反對 回復 2022-10-21
?
紅糖糍粑

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;


查看完整回答
反對 回復 2022-10-21
?
慕容3067478

TA貢獻1773條經驗 獲得超3個贊

將默認空數組分配給question參數。它將第一次解決可能未定義的問題。



查看完整回答
反對 回復 2022-10-21
  • 3 回答
  • 0 關注
  • 115 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號