我不明白为什么...这是 GitHub 存储库:https://github.com/Dronrom/React-test
最佳答案
那是因为您在组件中将 peopleList 初始化为 null。所以 map 只适用于数组,所以你需要在对它进行 map 之前检查 peopleList 是否真的是一个数组
改变
renderItems(arr) {
return arr.map(({id, name}) => {
return (
<li className="list-group-item"
key={id}
onClick={() => this.props.onItemSelected(id)}>
{name}
</li>
);
});
}
到
renderItems(arr) {
if(arr){
return arr.map(({id, name}) => {
return (
<li className="list-group-item"
key={id}
onClick={() => this.props.onItemSelected(id)}>
{name}
</li>
);
});
}
}
关于javascript - 类型错误 : Cannot read property 'map' of null,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54609282/