javascript - React 正在映射重复的帖子

Question

React 正在映射重复的帖子

像这样

理想情况下，我只是想映射喜欢数组。

  {myLikes.map(like =>     

   )} 

在帖子中，我不想出现重复的帖子。我该如何实现这一目标？

PostList.js

    render(){
        const {posts, myLikes} = this.props;
        return (    
        <div>
            {posts.map(post => (
                <div>
                {myLikes.map(like =>  
                <Paper key={post.id} style={Styles.myPaper}>        
                        <PostItem  

                            myLikes={like}                 
                            myTitle={this.state.title} 
                            editChange={this.onChange} 
                            editForm={this.formEditing} 
                            isEditing={this.props.isEditingId === post.id} 
                            removePost={this.removePost} 
                            {...post} 
                            // {...like}
                        />         

                </Paper>
                )}
                </div>
            ))}
        </div>
        )
    }
}
const mapStateToProps = (state) => ({
    isEditingId: state.post.isEditingId,
    myLikes: state.post.likes // reducer likes 
})

帖子

点赞

Answer 1

这实际上是你告诉 React 要做的事情，但你却没有意识到。

我假设 myLikes 是一个数字数组，在本例中为 [32, 15]。

您的代码显示(以伪代码形式):

for each post p
    for each like l
        render the post p with like l

这将为您提供 2 * 2 = 4 份副本。