請求密鑰 - 陣營機錯誤

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 } 
] 

文章減速到來。有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> 
    ); 
    }