javascript - redux reduce Action 和 reducer 的样板

Question

我试图找出针对这种情况的最佳实践。

2 上下文:运动待办事项和家庭待办事项。

所以 2 个 Action 文件:

export const SPORT_ADD_TODO = `[SPORT] ADD TODO`
export const HOME_ADD_TODO = `[HOME] ADD TODO`

和 2 个 reducer 文件

homeReducer(state, action) {
  switch(action.type) {
     case HOME_ADD_TODO:
        return Object.assing({}, state, {
           todos: action.payload
        })
     default:
        return state;
  }
}

sportReducer(state, action) {
      ....
}

有针对这种情况的官方解决方案吗？我不想重复我自己。reducer 具有相同的功能

Answer 1

您需要重新考虑您的应用架构。一般来说，可重用的 reducer / Action 是不正确的。

为什么不对？在目前看来，编写可重用的 reducer 和 action，更少的样板文件，而不是“DRY”似乎很棒。以您的应用为例。家庭和运动的“ADD_TO_DO”是平等的。

但在未来这将是危险的，因为认为您的老板/客户需要在体育方面有 future 。如果您更改可重用 reducer 中的逻辑。你的应用程序会崩溃。 (您可以开始使用 if 语句修补您的可重用 reducer 以使其工作，但如果您的应用程序增长，它将不灵活/可读/维护)。

所以是的，在这种情况下您似乎需要编写 2 个 reducer 和 2 个操作文件。现在是平等的， future 是优势和灵活的。