redux使用combineReducers多次初始化reducer

JamesAks

于 2023-11-11 15:38:41 发布

阅读量242

点赞数

分类专栏： react 文章标签： react.js redux js

本文链接：https://blog.csdn.net/m0_64332518/article/details/134349249

版权

react 专栏收录该内容

3 篇文章

订阅专栏

文章讨论了在使用React和Redux时，如何观察到reducer在创建store时被初始化多次，尤其是在使用`combineReducers`和`legacy_createStore`时。作者还提到，`combineReducers`的每个reducer都会增加初始化次数，而单独使用`reducer1`时，`legacy_createStore`仅执行一次初始化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近在用react编写项目使用redux的时候发现，redux多次初始化reducer

具体代码如下

//reducer
function reducer1(state  = null,action) {
    console.log('reducer1',action)
    const {data,type} = action
    if (type === 'TEST1') {
        return  state
    }else {
        return  state
    }
}

const reducers = combineReducers({
    reducer1:reducer1
})

//store
const store = legacy_createStore(reducers)

经过测试发现 console.log('reducer1',action)会打印三次也就是初始化的时候调用了三次reducer还有就是combineReducers()方法每多一个reducer就会增加三次输出。另一个有趣的现象如下代码

//reducer
function reducer1(state  = null,action) {
    console.log('reducer1',action)
    const {data,type} = action
    if (type === 'TEST1') {
        return  state
    }else {
        return  state
    }
}

//store
const store = legacy_createStore(reducer1)