hooks的useReducer合并多个reducer

最新推荐文章于 2025-07-16 13:43:08 发布

原创

最新推荐文章于 2025-07-16 13:43:08 发布 · 2k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#react #react hooks #useReducer #reat hooks合并多个reducer

近端时间开始使用hooks来书写react代码，确实hooks用起来很方便，不用理解那些复杂的class和this上下文，但是我发现在使用过程中，出现一个问题，我搜了很久也没有答案，那就是如何像redux的combineReducers一样合并多个reducer。网上也没有具体的文章。

hooks怎么合并多个reducer

所以我开始自己阅读redux关于combineReducer的源码，然后试着自己写一个简化版的，代码如下

//接受一个包含多个reducer函数的对象，返回一个新的reducer函数
export default function combineReducers(reducers) {
   
   //整合reducer函数的对象的函数
    return function (state = {
   
   }, action) {
   
   //返回一个整合之后的reducer函数，在dispatch的时候执行对应的
        //准备一个保存所有新的子状态的容器对