使用 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)