InitialState 已设置但 reducer 未被执行。 减少不改变商店

Question

我正在尝试将 redux 与我的 react native + typescript 应用程序集成。

从一个特定的组件我正在调度一个动作：

export const setCurrentOrder = (order: PostOrderRequest) => async (dispatch: Dispatch) => {
    console.log('order in action: ', order);
    dispatch({
            type: MENU_POST_ORDER,
            order: order
    });
}

那个 console.log 没有被执行，所以我调用我的操作时有错误吗？

这就是我从我的组件调用 setCurrentOrder 的方式：

handleNext() {
        const {pizza} = this.state;
        const {navigation} = this.props;
        const currentOrder = {
            pizza
        }
        console.log('current order: ', currentOrder);
        setCurrentOrder(currentOrder);
        navigation.navigate('Login');
    }

handleNext() 在按钮的 onPress 事件上被调用。

然后我的减速器：

const initialState: MenuState = {
    order: {pizza: []}
}

export default function (state = initialState, action: MenuAction) {
    console.log('REDUCER: ', action);
    switch (action.type) {
        case MENU_POST_ORDER:
            return {
                ...state, 
                order: action.order
            };
        default:
            return state;
    }   
}

顺便说一下，reducer 函数中的 console.log 没有被执行，我不知道为什么。 但似乎正在设置 initialState 但 reducer 函数从未执行过。

我从一个组件执行了 setCurrentOrder。 然后在这样做之后，该组件将用户路由到其他组件。 从其他组件我使用 react-redux 来获取状态：

export default withNavigation(connect(
    state => ({
        state: state
    }),
    null
)(LoginScreen));

但是当我记录this.props.state时，它显示了 initialState。 我尝试将 this.props.state 设置为组件反应状态，并使用 componentDidUpdate 来检查道具是否发生变化，如果它发生变化，则更新我的反应状态。 但它总是显示我的初始状态：

为什么设置了initialState 却没有执行reducer 函数？

编辑：

这就是我从我的组件调度 setCurrentOrder 的方式（withNavigation 包装器是因为我使用的是 react-native-navigation）：

export default withNavigation(connect(
    null,
    (dispatch: Dispatch) => ({
        setCurrentOrder: (order: PostOrderRequest) => dispatch<any>(setCurrentOrder(order))
    })
)(MenuScreen));

Answer 1

好吧，真可惜。 内部 handleNext()

setCurrentOrder(currentOrder) 

应该

this.props.setCurrentOrder(currentOrder)