Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/414.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript reactjs ToDo列表-未捕获类型错误:无法读取属性';地图';未定义的_Javascript_Reactjs - Fatal编程技术网

Javascript reactjs ToDo列表-未捕获类型错误:无法读取属性';地图';未定义的

Javascript reactjs ToDo列表-未捕获类型错误:无法读取属性';地图';未定义的,javascript,reactjs,Javascript,Reactjs,我遵循ReactJS教程()的基本待办事项列表,并根据自己的喜好对其进行了调整,但遇到以下错误: Uncaught TypeError: Cannot read property 'map' of undefined 代码如下: ConfigList.js- import React, {Component, PropTypes} from 'react'; import ConfigItem from '../components/ConfigItem'; const ConfigLis

我遵循ReactJS教程()的基本待办事项列表,并根据自己的喜好对其进行了调整,但遇到以下错误:

Uncaught TypeError: Cannot read property 'map' of undefined
代码如下:

ConfigList.js-

import React, {Component, PropTypes} from 'react';
import ConfigItem from '../components/ConfigItem';


const ConfigList = ({ configs }) => (
  <ul>
    {configs.map(config =>
      <ConfigItem
        key={config.id}
        />
    )}
  </ul>
);

ConfigList.propTypes = {
  configs: PropTypes.arrayOf(PropTypes.shape({
    id: PropTypes.number.isRequired,
    text: PropTypes.string.isRequired
  }))
};

export default ConfigList;
import React,{Component,PropTypes}来自'React';
从“../components/ConfigItem”导入ConfigItem;
const ConfigList=({configs})=>(
    {configs.map(配置=> )}
); ConfigList.propTypes={ 配置:PropTypes.arrayOf(PropTypes.shape({ id:PropTypes.number.isRequired, text:PropTypes.string.isRequired })) }; 导出默认配置列表;
ConfigItem.js-

import React, { PropTypes } from 'react';

const ConfigItem = ({ text }) => (
  <li>{text}</li>
);

ConfigItem.propTypes = {
  text: PropTypes.string.isRequired
};

export default ConfigItem;
import React,{PropTypes}来自'React';
const ConfigItem=({text})=>(
  • {text}
  • ); ConfigItem.propTypes={ text:PropTypes.string.isRequired }; 导出默认配置项;

    我对ReactJS比较陌生,对Javascript也比较陌生,所以我希望我能得到一些反馈,了解我为什么会看到这个错误,以及我可以采取哪些步骤来克服它。

    错误
    无法读取未定义的属性“map”
    表示您试图对不存在的东西调用
    map()
    。您调用的唯一位置是
    map()
    中的
    ConfigList

    {configs.map(config =>
      <ConfigItem
        key={config.id}
        />
    )}
    

    错误
    无法读取未定义的属性“map”
    表示您试图对不存在的东西调用
    map()
    。您调用的唯一位置是
    map()
    中的
    ConfigList

    {configs.map(config =>
      <ConfigItem
        key={config.id}
        />
    )}
    

    创建ConfigList组件实例的代码在哪里?创建ConfigList组件实例的代码在哪里?