reactjs - 是否有行之有效的方法来管理 Recoil 中的原子集合？

Question

我正在测试 Recoil，我需要管理要在主页上显示的帖子列表。

我的第一个想法是把所有的帖子都做成一个大原子，但这似乎有点暴力，因为我们可以直接在首页上编辑帖子。

我的第二个想法是动态生成带有前缀的原子:

const onePost = (postId: string) => atom({
  key: 'post_' + postId,
  default: null,
  effects_UNSTABLE: [localStorageEffect('@post_' + postId)],
});

然后我意识到我是个玩火的菜鸟，我应该在 StackOverflow 上请教那些了解 Recoil 的人...

Answer 1

您可以使用 atomFamily 来管理您的帖子。如果您想添加和删除帖子，您可以使用另一个原子来管理帖子 ID。

const postsFamily = atomFamily({
  key: 'postsFamilyKey',
  default: [0, 0],
});

function PostListItem({postID}) {
  const post = useRecoilValue(postsFamily(postID));
  return (
    <div>
      Post ID: {postID}
      Post: {post}
    </div>
  );
}