如何在 ImmutableJS 中存储和更新深度嵌套的结构

Question

我正在用 react+redux 构建一个小博客，我不知道我应该如何在博客文章下回复 cmets。 我正在为一篇看起来像这样的博客文章获取 cmets 结构。

"[
{"_id":"5676ed8b9104691f3b85b687",
"content":"Lorem",
"creator":"Admin",
"replies":[
  {
    "_id":"5676ede4b7a9044c3c1d9641",
    "content":"Ipsum",
    "creator":"Admin",
    "replies":[
      {
        "_id":"5676eec224ab8fe23c7ce4c6",
        "content":"Dolor",
        "creator":"Admin",
        "replies":[]
      },
      {
        "_id":"5676eeda1c0e3d093d1f90a0",
        "content":"Sit",
        "creator":"Admin",
        "replies":[]
      }
    ]
  },
  {
    "_id":"5676ee5b4b03bbac3c1f7544",
    "content":"Amet",
    "creator":"Admin",
    "replies":[]
  },
  {
    "_id":"5676ee91c43c05c63c319ace",
    "content":"Sup",
    "creator":"Admin",
    "replies":[]
  }
]},
{...}
]

如何将它存储在 ImmutableJS 状态，以便我可以轻松地根据他们的 _id 添加回复到 cmets？此外，cmets 必须是可迭代的，因为我之后会将它们渲染到评论树中，但我认为只要使用 ImmutableJS 数据结构，这应该不是问题。基本上我不知道我应该如何在我的减速器中实现这个功能。

[REPLY_COMMENT]: (state, { payload }) => {
  const { _id, comment } = payload
  let newState = ???
  return newState
}

编辑

这里是jsbin，展示了我想要实现的目标。我只是希望能够回复cmets而已

Answer 1

你得把它分解一下。

首先让我们将 cmets 添加到 Immutable.Map

state = state.update('coolPostId', post => Immutable.fromJS(comments));

const replyToPostComment = {
  _id: '1234',
  content: 'Hello',
  creator: 'RandomUser',
  replies: []
};

您现在在coolPostId 下有一个Immutable.List，因此您想通过push 发送新评论来update 该列表：

state = state.update('coolPostId', comment => comment.push(Immutable.fromJS(replyToPostComment)));

这将通过你的第一个测试：

const expected = state.get('coolPostId').last();
expect(expected.toJS()).to.deep.equal(replyToPostComment);

第二部分同样简单，但您需要映射您的 cmets 并检查 _id 是否与您的元数据匹配。

这是你的设置：

const replyComment = {
  _id: '5678',
  content: 'Wellcome',
  creator: 'RandomUser2',
  replies: []
};

const reply = {
  postId: 'coolPostId',
  commentId: '1234',
  comment: replyComment
};

下一行取决于执行_id 检查的函数，

state = state.get(reply.postId)
  .map(comment => addReply(comment)(reply));

谜题的最后一点是addReply 谓词：

const addReply = c => cr => c.get('_id') === cr.commentId ? c
  .update('replies', replies => replies.push(Immutable.fromJS(cr.comment)) ) : c;

这是一个完整的jsbin 供审核