我正在使用 React/Redux 创建一个应用程序,并且我是使用 React 和 Redux 的新手。我一直在试图弄清楚如何构建 redux 存储。这是我想要实现的目标的简要描述,使用 redux createEntityAdapter 文档中的书籍示例进行概括
我有一个包含书籍列表的页面。用户可以单击一本或多本书籍,并且每本书都会显示一个章节列表。当新的或缺失的章节在服务器上可用时,可以随时添加它们。添加的章节需要添加到列表中的正确位置。
书籍列表是一个组件,章节列表是另一个组件,但是由于书籍很多,所以章节列表组件的实例也会很多。每个组件都有自己的切片。
商店的样子:
bookList : [ Book1, Book2, Book3, ...]
ChapterList: {
Book1 : {
chapters: [
{
Chapter : 'Chapter1',
info: 'Chapter info',
other: 'more stuff'
},
{
Chapter : 'Chapter2',
info: 'Chapter info',
other: 'more stuff'
},
{...}
],
bookInfo: 'info about book'
},
Book2 : { ... },
Book3 : { ... } …Run Code Online (Sandbox Code Playgroud)