我在 axios post 执行后无法获取任何内容。数据按预期发布到后端,但之后我无法运行任何内容。即使帖子后的 console.log 也不起作用。我尝试过基于 axios 的 promise 和异步等待,但在通过 axios 发布后我无法运行任何内容。你知道我做错了什么吗?
创建 React 应用程序 3.3.0
react 16.11
react 路由器5.1.2
import React, { Component } from 'react'
import { withRouter } from 'react-router'
import axios from 'axios'
...
class Contact extends Component {
...
submitContactHandler = async event => {
event.preventDefault()
try {
await axios.post('/mail/contact', {
userName: this.state.formData.name.value,
userEmail: this.state.formData.email.value,
userMessage: this.state.formData.message.value
})
this.props.history.push('/about')
console.log("This doesn't even run")
} catch (error) {
console.log(error)
}
}
render() {
...
return (
...
<Form onSubmit = {(event) => this.submitContactHandler(event)}>
...
</Form >
...
)
}
}
export default withRouter(Contact)
最佳答案
处理后端的响应
await axios.post('/mail/contact', {
userName: this.state.formData.name.value,
userEmail: this.state.formData.email.value,
userMessage: this.state.formData.message.value
})
.then((response) => {
this.props.history.push('/about')
}, (error) => {
console.log(error);
});
关于javascript - 使用 axios 发布后不执行任何反应,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60047130/