useSelector 状态返回未定义(React-Redux)

时间:2020-12-28 17:02:09

标签: javascript reactjs redux react-redux

我通过控制台记录有效负载检查了我的操作、reducers,并且我按预期从我的 api 获取数据,但是当我想使用 useSelector 钩子使用我的状态值时,我遇到了问题。

这是我的 Post 组件,我想在其中使用来自 postsReducer 减速器的帖子状态。 (下方)

enter image description here

这是我的 App 组件,我在其中分派了 fetch 操作以从 api 获取数据。 (下方)

enter image description here

操作(下方)

enter image description here

减速机。 (下方)

enter image description here

所有 API 调用都工作正常。
只有useSelector让我头疼!

2 个答案:

答案 0 :(得分:2)

最后我解决了这个问题,这很奇怪,但我什么也没做,我做了什么,我在我的 reducers 文件夹中创建了一个 index.js 文件,用于组合所有的 reducer 文件(在这种情况下我只有一个,但仍然如此)和然后导出它,它起作用了!

import { combineReducers } from "redux";
import { postsReducer } from "./posts";

const allReducers = combineReducers({postsReducer});

export default allReducers;

答案 1 :(得分:0)

Provider 需要通过 allReducers 进行引入。

export const allReducers = combineReducers({
  content: contentReducer,
});

let store = createStore(
  allReducers,
  composeWithDevTools()
);

我讨厌它。如果这是强制性的,为什么还有其他选择。