反应地图未定义错误

时间:2018-08-22 16:23:09

标签: reactjs redux

我正在研究React社交网络应用程序。在这里,当我添加一个帖子时,编辑帖子和评论帖子都可以很好地工作。但是从随后的帖子中来看,编辑和注释功能均无法正常工作。

以下是我尝试在第二篇文章中添加评论时的错误:

react-dom.production.min.js:188 TypeError:无法读取未定义的属性'id'

src/components/PostList.js

import React from 'react';
import { connect } from 'react-redux';
import PostListItem from './PostListItem';

const PostList = (props) =>(
<div>
  <h1>Posts List</h1>
  {props.posts && props.posts.map((post) =>{
      console.log(post);
      return(
        <PostListItem 
        key={post.id}
        {...post}
        />
      );
  })
}
</div>

);

const mapStateToProps = (state) => {
console.log(state);
return{
    posts: state.posts
}
}

export default connect(mapStateToProps)(PostList)

is the github link of the app