使用useReducer替代redux，简单的整合多个reducer小案例，半成品

最新推荐文章于 2024-07-18 13:11:52 发布

置顶

Mack Liu

最新推荐文章于 2024-07-18 13:11:52 发布

阅读量4.5k

点赞数 1

分类专栏： react 文章标签： react hooks redux

本文链接：https://blog.csdn.net/weixin_43902189/article/details/99638132

版权

本文探讨了随着React Hooks的流行，如何使用useReducer替代Redux进行状态管理。通过实例展示了如何模拟redux的combineReducers，分别定义两个reducer、创建combineReducers函数，以及在test.js中应用useReducer和自定义的combineReducers整合多个reducer。

摘要由CSDN通过智能技术生成

由于最近hooks越来越火，出现了useReducer替代redux的热潮。

`注意:hooks只能在函数(无状态组件)中使用`

模拟redux的combineReducers来整合多个reducer成一个reducers的案例

1.定义两个reducer (reducers.js)

export const initialReucer1 = {
   
    count: 1
}
export const initialReucer2 = {
   
    user: {
   }
}
export function reducer1(state, action) {
   
    switch (action.type) {
   
        case 'ADD_COUNTER':
            return {
    ...state, count: state.count + 1 }
        default