首页 > 解决方案 > Redux - 没有调用调度

问题描述

我正在考虑这个问题,无法弄清楚为什么它不起作用。

我有一个简单的动作:

export const GET_EXPENSE_LIST = "GET_EXPENSE_LIST"

export const getExpenseList = () => {
    return async dispatch => {
        console.log('Action called')
        dispatch({ type: GET_EXPENSE_LIST, expenseList: []})
    }
}

还有一个减速器:

import { GET_EXPENSE_LIST } from "../actions/expenses"

const initialState = {
    expenseList = []
}

export default (state = initialState, action) => {
    console.log("reducer called")
}

我正在从这样的组件调用操作(如果重要的话):

useEffect(() => {
    dispatch(expensesActions.getExpenseList())
  }, [dispatch]);

在我的控制台中,我确实看到了“调用的动作”,但没有看到“调用的减速器”。为什么没有调用减速器?

标签: reactjsreact-redux

解决方案


您是否将 thunk 中间件添加到 redux 的配​​置中?在你的行动中,你使用 redux-thunk


推荐阅读