Redux我可以在单独的reducers中使用一种操作类型吗？
在我的Redux应用程序中，目前有3个独立的reducers来处理从api获取数据的情况。下面是我的一个减速器的例子：
const INITIAL_STATE = {
data: [],
loading: false,
error: ''
};
export default (state = INITIAL_STATE, action) => {
switch (action.type) {
case GET_ALL_ORDERS_START:
return {
...state,
loading: true
};
case GET_ALL_ORDERS_SUCCESS:
return {
...state,
allOrders: action.payload,
loading: false
};
case GET_ALL_ORDERS_FAIL:
return {
...state,
loading: false,
error: action.payload
};
default:
return state;
}
};请注意，加载和错误状态在每个当前的reducer中都是相同的，并且将适用于我编写的任何涉及从api获取数据的后续reducer。
我想添加一个仅用于加载和错误状态片段的reducer。另外3个将存储数据。
这将给我带来：
数据减少器x 3
const INITIAL_STATE = {
data: []
// any other state in the future
};
export default (state = INITIAL_STATE, action) => {
switch (action.type) {
case GET_ALL_ORDERS_SUCCESS:
return {
...state,
allOrders: action.payload
};
default:
return state;
}
};加载/错误减少程序(处理整个应用程序的加载/错误)
const INITIAL_STATE = {
loading: false,
error: ''
};
export default (state = INITIAL_STATE, action) => {
switch (action.type) {
case GET_ALL_ORDERS_START:
return {
...state,
loading: true
};
case GET_ALL_ORDERS_SUCCESS:
return {
...state,
loading: false
};
case GET_ALL_ORDERS_FAIL:
return {
...state,
loading: false,
error: action.payload
};
default:
return state;
}
};正如您所看到的，这意味着GET_ALL_ORDER_SUCCESS操作类型将在两个单独的reducers中使用。我的问题是，这样可以吗？或者它违背了惯例？
在此之前，非常感谢您。
回答 2
Stack Overflow用户
发布于 2016-11-11 00:10:05
我认为这是非常好的。没有地方说明操作和缩减程序具有1:1的映射关系。事实上，Redux的创建者明确表示，它们之间没有关系，许多reducer可以对单个动作做出反应，单个reducer可以对多个动作做出反应。
我认为他说得最好：https://github.com/reduxible/reduxible/issues/8
推文：https://twitter.com/dan_abramov/status/691608868628119552
Stack Overflow用户
发布于 2020-07-02 01:11:37
我有一个类似的问题，如果我可以在两个或更多单独的缩减程序中使用相同的操作类型名称，答案肯定是否定的，如果没有非常特殊的情况。
为什么不行？
即使我们通过combineReducers函数将它们组合在一起，单独编写reducers，当我们分派操作时，所有的reducers都被称为它们的switch case语句。
减速器一：
export const postReducer = (state = INITIAL_STATE, action) => {
switch (action.type) {
case "SET_DATA":
const { posts } = action.payload;
return {
...state,
posts: posts,
};
}
};减速机二：
export const commentReducer = (state = INITIAL_STATE, action) => {
switch (action.type) {
case "SET_DATA":
const { comments } = action.payload;
return {
...state,
comments: comments,
};
}
};因此，当我们分派一个类型为SET_DATA的操作时，两个reducer都将被调用，如果有效负载值为
{
comments: ['comment one', 'comment two']
}帖子缩减器将其帖子设置为未定义。
一个更好的解决方案是这样命名类型：
case "SET_POST_DATA":
case "SET_COMMENT_DATA": 以避免两个减速器动作之间的冲突。
约定是，当操作被调用时，只有一个reducer负责响应该操作，否则可能会引起其他开发人员的误解
https://stackoverflow.com/questions/40530661
复制相似问题
腾讯云开发者
