我通过控制台记录有效负载检查了我的操作、reducers,并且我按预期从我的 api 获取数据,但是当我想使用 useSelector 钩子使用我的状态值时,我遇到了问题。
这是我的 Post 组件,我想在其中使用来自 postsReducer 减速器的帖子状态。 (下方)
这是我的 App 组件,我在其中分派了 fetch 操作以从 api 获取数据。 (下方)
操作(下方)
减速机。 (下方)
所有 API 调用都工作正常。
只有useSelector
让我头疼!
答案 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()
);
我讨厌它。如果这是强制性的,为什么还有其他选择。