类型错误:无法读取未定义的 Reactjs 的属性“地图”?

类型错误:无法读取未定义的 Reactjs 的属性“地图”?


我正在使用小测验模块但显示以下错误请帮助我解决以下错误类型错误:无法读取未定义的属性“地图”我不知道如何解决我是新来的反应豌豆帮助我这个代码


索引.js


import React from 'react';

import ReactDOM from 'react-dom';

import './index.css';

import App from './App';

import Questionlist from './quiz/Questionlist.jsx';

import * as serviceWorker from './serviceWorker';


class Quiz extends React.Component {

    constructor(props){

        super(props);

            this.state= {

                questions : [

                    {

                        id: 1,

                        text: 'What is your name?',

                        choices:[

                            {

                                id: 'a',

                                text: 'Michael'

                            },

                            {

                                id: 'b',

                                text: 'Brand'

                            },

                            {

                                id: 'c',

                                text: 'Steven'

                            },

                        ],

                        correct: 'b'

                    },

                    {

                        id: 2,

                        text: 'What is your mother name?',

                        choices:[

                            {

                                id: 'a',

                                text: 'Sara'

                            },

                            {

                                id: 'b',

                                text: 'Denny'

                            },

                            {

                                id: 'c',

                                text: 'senny'

                            },

                        ],

                        correct: 'c'

                    },

            

qq_笑_17
浏览 113回答 2
2回答

长风秋雁

将您的数组传递给问题列表组件。如果没有用,请尝试删除您的Garage组件,因为您在 Quiz 组件中有 array(questions)。将问题从 Quiz 组件传递到Questionlist组件。代替render()&nbsp;{&nbsp; &nbsp;&nbsp;&nbsp;return&nbsp;<h2>I&nbsp;am&nbsp;a&nbsp;Car!</h2>; &nbsp;&nbsp;&nbsp;&nbsp;}像这样通过render()&nbsp;{&nbsp; &nbsp;&nbsp;&nbsp;return&nbsp;<Questionlist&nbsp;questions={this.state.questions}&nbsp;/> &nbsp;&nbsp;&nbsp;&nbsp;}最后将根组件从Garage更改为QuizReactDOM.render(<Quiz&nbsp;/>,&nbsp;document.getElementById('root'));

莫回无

要列出您没有传递的问题,它应该是:&nbsp;<Questionlist&nbsp;questions={this.state.questions}&nbsp;/>
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript