TypeError: axios__WEBPACK_IMPORTED_MODULE_1___default.a.post

Question

我是 react redux 中的新手，我收到类似"WEBPACK_IMPORTED_MODULE_1___default.a.post(...("的错误。然后(...调度不是一个功能" 请帮忙 这是我正在使用的代码

API 平均值 == http://localhost:8000/api/

索引.js

import {API} from '../backend';
import axios from 'axios';
export const getdata = (todo) => {
return (dispatch) => {
axios.post(`${API}addtodo`)
.then(res => {
console.log(res)
})
.dispatch({
type : 'FETCH_TODO',
payload : todo
})
.catch(err =>{
console.log(err);
})
}
}

Answer 1

您正在尝试以错误的方式使用调度。你应该做的是

import {API} from '../backend';
import axios from 'axios';
export const getdata = (todo) => {
return (dispatch) => {
axios.post(`${API}addtodo`)
.then(res => {
console.log(res)
dispatch({
type : 'FETCH_TODO',
payload : todo
})
})
.catch(err =>{
console.log(err);
})
}
}

这是因为在.then()之后执行.dispatch()意味着您正在对 Axios 返回的 Promise 调用调度方法。