Redux Thunk提交操作

Question

我一直坚持这一点，我试图将我的状态传递到redux，但似乎我做错了。

下面是我的代码：

这是我的提交函数

 popForm() {
    let states = this.state.orders;
    let d = states.filter((data) => {
      return data !== null && data !== undefined
    });
    // console.log("d",d);


    this.props.LogInClick(d);
    // LogInClick(state);
  }

这是我的mapToDispatch

const mapDispatchToProps = (dispatch) => {
  return {
    LogInClick : (data) => dispatch(Actions.addDynamic(data)),
  }
}

行动号召

export const addDynamic = ({data}) => {
    console.log("Manage to get to here");
    console.log("dataInAction",data);

}

我的减速器

case Actions.ADD_DYNAMIC: {
            return {
                ...state,
                data: action.payload
            };
        }

Answer 1

您与type和payload的同步操作should to return an object。

在处理异步操作时，您需要thunk(或saga等)中间件。您的代码似乎分派了正常的操作(而不是异步)。因此，只需确保您的操作返回类型和有效负载即可。

像这样的

export const addDynamic = ({data}) => {
    console.log("Manage to get to here");
    console.log("dataInAction",data);
    return {
        type: Action.ADD_DYNAMIC,
        payload: data
    }

}