Javascript reactjs ToDo列表-未捕获类型错误:无法读取属性';地图';未定义的
我遵循ReactJS教程()的基本待办事项列表,并根据自己的喜好对其进行了调整,但遇到以下错误: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
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组件实例的代码在哪里?