非对象值的请求键 - React Native 错误

Question

帖子：

[
 { id:1, name:'post1', desc: 'post1 desc', parentId: 1 },
 { id:2, name:'post2', desc: 'post2 desc', parentId: 2 },
 { id:3, name:'post3', desc: 'post3 desc', parentId: 1  }
]

来自 reducer 的帖子。有mapStateToProps，可以在控制台打印this.props.posts。

我的功能：

getPosts = (idPost = 1) =>{
  const { posts } = this.props.posts
  return
      posts.filter(id => posts[id].parentId == idPost)
        .map((key, idx) => {
          const myPost = posts[key];
          return(
            <View>
               <Text>
                 { myPost.name }
               </Text>
            </View>
            )
        });  
};

错误：Requested keys of a value that is not an object. 函数的第 1 行。

我做错了什么？

更新 1

getPostsNew = (namePost = 'post1) =>{
  const { posts } = this.props.posts

  return posts.map((key, idx) => {
    if (key.name == namePost) {
      return(
          <View>
             <Text>
               { key.name }
             </Text>
          </View>
      )
    } else {
      return null
    }
  });         
};

Answer 1

你应该修改你的代码来解决这个问题：

getPosts = (idPost = 1) =>{
    const { posts } = this.props.posts

    return posts.map((key, idx) => {
      if (key.parentId === 1) {
          return(
              <View>
                 <Text>
                   { key.name }
                 </Text>
              </View>
          )
      } else {
          return null
      }
      });         
  };

  render() {
    return (
      <View>
        {this.getPosts(1)}
      </View>
    );
  }