时间戳

首页 > 解决方案 > Redux Thunk 提交操作

reactjs - Redux Thunk 提交操作

问题描述

我一直坚持这一点，我试图将我的状态传递给 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
            };
        }

标签： reactjs

解决方案

您的同步操作应该返回一个带有typeand的对象payload。

在处理异步操作时，您需要 thunk（或 saga 等）中间件。您的代码似乎调度正常操作（不是异步的）。因此，只需确保您的操作返回类型和有效负载。

像这样

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

}

推荐阅读