类型错误：无法读取 null 的属性“map”

Question

我不明白为什么......这是 GitHub 存储库：https : //github.com/Dronrom/React-test

Answer 1

那是因为您在组件中将 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>
                );
            });
         }
      }