javascript - 为什么我的 reducer 没有收到我的操作？ (使用 React 和 Redux)

Question

这些是我当前的 Action 创建者，他们运行良好并像往常一样返回 Action 。我已经测试了一些日志记录，它在这里工作:

export function stateToEntry() {
    return { type: types.STATE_TO_ENTRY, formState: 'entry-mode'};
}

export function stateToEdit() {
    return { type: types.STATE_TO_EDIT, formState: 'edit-mode'};
}

export function stateToDelete() {
    return { type: types.STATE_TO_DELETE, formState: 'delete-mode'};
}

这是我当前的 reducer ，它不接收我的操作。我这里测试了一下，好像连控制台都登录不了:

import * as types from '../actions/actionTypes';

export default function formStateReducer(state = [], action) {
    switch(action.type) {
        case types.STATE_TO_ENTRY:
            console.log('entry-mode');
            return {formState: action.formState};
        case types.STATE_TO_EDIT:
            //console.log('edit-mode');
            return {formState: action.formState};
        case types.STATE_TO_DELETE:
            //console.log('delete-mode');
            return {formState: action.formState};
        default:
            return state;
    }
}

这是我的组合 reducer 。位置 reducer 工作正常，但我的 formState 为空，因此它在商店内正确链接。 :

const rootReducer = combineReducers({
    locations,
    formStates
});


export default rootReducer;

我可能错过了什么？

Answer 1

来自文档:bindActionCreators ...将值为 Action 创建者的对象转换为具有相同键的对象，但每个 Action 创建者都包装在调度调用中，以便可以调用它们直接。

所以，你用错了，试试这个:

let foo = {
    location: bindActionCreators(locationActions, dispatch),
    form: bindActionCreators(formActions, dispatch)
}
// later in your code -- will dispatch that action automatically
foo.location.someActionFromLocationActionsObject()