React redux 返回未知状态对象答案

【问题标题】：React redux returning unknown state objectsReact redux 返回未知状态对象
【发布时间】：2020-05-02 10:08:45
【问题描述】：

我正在从 reducer 返回状态，在将其映射到 props 时，状态发生了变化，包含其他未知对象！

我的代码

减速器和存储：

const reducer = async (state = { dataList: [] }, action) => {
    switch (action.type) {
        // Some cases
    }
    console.log(state) // Output: {"dataList": []}
    return state
}

const store = createStore(reducer)

reducer 状态输出：{"dataList": []}

道具收集器：

function mapStateToProps(state) {
    console.log(state) // Output: {"_40": 0, "_55": {"dataList": []}, "_65": 1, "_72": null}
    return {
        dataList: state.dataList
    }
}

props 的输出：{"_40": 0, "_55": {"dataList": []}, "_65": 1, "_72": null}

我应该如何摆脱这些额外的数据？

注意：该代码是从经过测试的源中采集的。

【问题讨论】：

你的 reducer 如何与 createStore 和 combineReducer 一起使用

标签： reactjs react-native react-redux

【解决方案1】：

从你的 reducer 函数中移除 async-await，它会解决它。

而不是这样做

const reducer = async (state = { dataList: [] }, action) => {
switch (action.type) {
    // Some cases
}
console.log(state) // Output: {"dataList": []}
return state

}

这样做

const reducer = (state = { dataList: [] }, action) => {
switch (action.type) {
    // Some cases
}
console.log(state) // Output: {"dataList": []}
return state

}

【讨论】：