小编bli*_*ken的帖子

Redux 如何在嵌套属性上使用 createEntityAdapter?

我正在使用 React/Redux 创建一个应用程序,并且我是使用 React 和 Redux 的新手。我一直在试图弄清楚如何构建 redux 存储。这是我想要实现的目标的简要描述,使用 redux createEntityAdapter 文档中的书籍示例进行概括

我有一个包含书籍列表的页面。用户可以单击一本或多本书籍,并且每本书都会显示一个章节列表。当新的或缺失的章节在服务器上可用时,可以随时添加它们。添加的章节需要添加到列表中的正确位置。

  • 书 1
    • 第1章
    • 第2章
    • 第3章
    • 第6章
  • 第 2 册
  • 第 3 册

书籍列表是一个组件,章节列表是另一个组件,但是由于书籍很多,所以章节列表组件的实例也会很多。每个组件都有自己的切片。

商店的样子:

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)

reactjs redux redux-toolkit

5
推荐指数
1
解决办法
6268
查看次数

标签 统计

reactjs ×1

redux ×1

redux-toolkit ×1