将嵌套树规范化为嵌套使用Normalizr

时间:2016-07-13 11:39:00

标签: javascript reactjs redux normalizr

我必须将来自服务器的两个响应规范化,并使用normalizr将它们存储在我的商店中。 第一个回复给我的部分,第二个回复。 部分有很多帖子一个帖子只能一个部分

第一个回复(部分):

[
  {
    id: 10,
    title: "foo"
  },
  ...
]

第二回复(帖子):

[
  {
    id: 2,
    sid: 10, //id of the section
    title: "foo",
    text: "foo foo"
  },
  ...
]

我想将响应规范化为此架构:

{
  entities: {
    sections: {
      10: {title: "foo", posts: [2, 5, 12, 152]},
      15: {title: "example", posts: [1, 8]},
      ...
    },
    posts: {
      1: {id: 1, sid: 15, title: "abc", text: "something"},
      2: {id: 2, sid: 10, title: "foo", text: "foo foo"},
      ...
    }
  }
}

由于响应未嵌套,我不知道如何定义模式。

1 个答案:

答案 0 :(得分:2)

你可以用简单的代码做到吗?没有任何图书馆? OO

var posts = [ ... ]; // some posts here
var sections = [ ... ]; // some sections here
var schema = { entities: { sections: {}, posts: {} } };

for (var i = 0; i < sections.length; i++) {
    var section = sections[i];
    schema.entities.sections[section.id] = {
        title: section.title,
        posts: []
    }
}

for (var j = 0; j < posts.length; j++) {
    var post = posts[j];
    schema.entities.posts[post.id] = post;
    schema.entities.sections[post.sid].posts.push(post.id);
}