为组件组成减速器的好方法是什么?

时间:2017-10-10 08:54:05

标签: reactjs redux reducers

我有一个由其他较小组件构成的大组件。每个较小的组件在Redux中拥有一片状态。

目前在

中创建了这个大组件状态
combineReducers({
  environment,
  router,
  bigComponent,
  ...
})

在bigComponent reducer中我们有

combineReducers({
  smallHeader,
  smallComponent1,
  smallComponent2,
  ...
})

基本上,我们有这样的状态

{ 
  environment:{...},
  router:{...},
  bigComponent:{
    smallHeader:{...},
    smallComponent1:{...}
    smallComponent2:{...}
    ...
  }
  ...
}

这是构建这个的正确方法吗?

有没有什么可以说的结构化:

{ 
  environment:{...},
  router:{...},
  smallHeader:{...},
  smallComponent1:{...}
  smallComponent2:{...}
  ...
}

我做了一些研究,但我似乎找不到一般的最佳做法。

有没有更惯用的方法来构建它?

1 个答案:

答案 0 :(得分:0)

我喜欢关注容器模式。拥有连接到Redux的Container组件。 Container组件将props传递给子节点(未连接)。

每个容器一个减速器/状态。希望这有用。