如何连接用户以在React中发布信息？

问题描述

如何将用户连接到他们的帖子？帖子中有发表评论的用户ID，但是我该如何映射帖子？

这是我的帖子地图

{post.map(post => (
                    <Post key={post.id} post={post} />
                ))}

fname和地址来自用户，post来自帖子列表 并发布文件：

{fname}
{address}
{post}

所以我有帖子列表和用户列表，它们是分开的 但是该帖子具有发布者的用户ID，但如何连接它们？ 通过帖子进行映射，并且当来自用户的userid等同于来自帖子的userid时，是否对其进行过滤？ 如何通过这种关系将他们联系起来？

我想要的东西，但是它给了一个错误user.post是未定义的

 {post.map(post => (
                <Post
                    key={post.id}
                    food={post}
                    user={user.filter(
                        user => 
                        user.post.userid)}
                />
            ))}

解决方法

因为帖子有userid而用户有id，那么您可以使用以下方法解决该问题：

  {post.map((post) => (
    <Post
      key={post.id}
      food={post}
      user={user.find((u) => u.id === post.userid)}
    />
  ))}

,

当我在如下所示的post标签中为用户设置值时，它对我有用。

    <Post
        key={post.id}
        food={post}
        user={users.find(
            user => 
            post.userid === user.id //if you have an users array here you should use find instead of filter and then try to match the post.userid with user.id.
        )}
    />