未处理的拒绝（错误）：操作必须是普通对象。使用自定义中间件进行异步操作。 React + Redux [重复]

Question

//REDUX

export const clinicAdd = async (name, address, semester, pay) => (
    (dispatch) => { dispatch({ type: CLINIC_ADD});
         axios.post('myURL', 
         { name, address, semester, pay} ,config)
             .then( data => clinicAddSuccess(dispatch, data))
             .catch( () => clinicAddFail(dispatch));
    }
);

const clinicAddSuccess = async( dispatch , data) => {
    console.log("Success");
        dispatch({
            type: CLINIC_ADD_SUCCESS,
            payload: data,
            
        })
};
 
const clinicAddFail = async (dispatch) => {
    console.log("Fail");
    dispatch({
        type: CLINIC_ADD_FAIL
    })
};







//using 

   onPress = async(e) => {
        e.preventDefault();   
        const {name,address,payment,semester, error} = this.props;
        await this.props.clinicAdd(name,address,semester,payment);
        this.secondFun()
    };

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>

我正在尝试解决此问题。我是新手。 我希望在 OnPress 函数执行时等待 ClinicAdd 结束，然后执行 secondFunction

我在我的 redux 商店中使用 applyMiddleware(thunk)

Answer 1

你的动作函数是错误的。应该是：

const clinicAdd = (name, address, semester, pay) => async dispatch => {
  await axios
    .post('myURL', { name, address, semester, pay }, config)
    .then(data => clinicAddSuccess(data))
    .catch(() => clinicAddFail());

  dispatch({ type: CLINIC_ADD });
};

const clinicAddSuccess = data => ({
    type: CLINIC_ADD_SUCCESS,
    payload: data, 
});

const clinicAddFail = () => ({
    type: CLINIC_ADD_FAIL
});