无法初始化商店的状态

Posted

技术标签:

【中文标题】无法初始化商店的状态【英文标题】:Can't initialize the state of the store 【发布时间】:2019-09-23 06:37:35 【问题描述】:

我确定我已经初始化了我的 redux 商店的状态,但是,我总是不确定

在 const 中初始化状态,然后是 reducer,然后是 store。我做了 console.log(store) 因为当我将商店提供给应用程序时我得到了未定义

const init = 
    counter:0
;

//reducer
const mainReducer= (state=init, action)=>
    switch(action.type)
        case 'INC_COUNTER':
        return ...state, counter:state.counter+1
        case 'de':
        return counter:-1
    


const Appstore = Redux.createStore(mainReducer);


console.log("this is your current state",Appstore.getState())```

【问题讨论】:

在你的 switch 语句中添加 default 子句 【参考方案1】:

您似乎没有返回默认状态。请注意,redux 存储将使用 INIT 操作进行初始化,在这种情况下,您将返回 undefined,因为操作类型既不是 INC_COUNTER 也不是 de

你应该总是处理像这样的默认情况

const mainReducer= (state=init, action)=>
    switch(action.type)
        case 'INC_COUNTER':
        return ...state, counter:state.counter+1
        case 'de':
        return counter:-1
    
    return state;

【讨论】:

以上是关于无法初始化商店的状态的主要内容,如果未能解决你的问题,请参考以下文章

初始化react redux商店的初始全球状态的不同方式?

启动时暂停 Windows 10 应用商店应用

如何在redux中设置初始状态

如何将初始状态传递给减速器

如何在通量存储中异步加载初始状态?

在每个页面上将状态重置为初始状态