小编dee*_*sun的帖子

用于管理多个 React 组件实例的 Redux 状态形状?

使用 React 和 Redux 开发一个小项目,其中我正在制作本质上是 Trello 克隆或看板系统。但我无法弄清楚如何为 Redux 构建我的状态,这样事情就不会变得奇怪。

本质上,用户需要能够<Board/>通过 React 创建组件的多个实例。每个<Board/>实例都有一个标题。继续深入,每个实例还可以有一个自己的组件实例</Board>的数组。<List/>每个<List/>实例又可以有自己的<Card/>组件实例。

这就是我感到困惑的地方。在 React 中,这很简单——每个实例<Board/>和每个实例<List/>只管理自己的状态。但我不知道如何重构一切,以便 Redux 管理所有状态,但每个组件实例都会收到正确的状态切片。

到目前为止,我已经构建了 Redux 状态,如下所示。任何帮助表示赞赏!

{
  boards: [
    {
      title: 'Home',
      lists: [
        {
          title: 'To Do',
          cards: [
            { title: 'Finish this project.'},
            { title: 'Start that project.'}
          ]
        },
        {
          title: 'Doing',
          cards: []
        },
        {
          title: 'Done',
          cards: []
        }
      ]
    }
  ] …
Run Code Online (Sandbox Code Playgroud)

kanban reactjs redux react-redux

3
推荐指数
1
解决办法
2567
查看次数

标签 统计

kanban ×1

react-redux ×1

reactjs ×1

redux ×1