Javascript 为什么axios not post不能与react/express一起正常工作
在我的react客户机中,我有一个表单,当用户输入某个内容时,它会进入状态并正常工作。但当我尝试单击submit时,它应该执行axios post,这是当我单击submit时调用的函数Javascript 为什么axios not post不能与react/express一起正常工作,javascript,node.js,reactjs,express,post,Javascript,Node.js,Reactjs,Express,Post,在我的react客户机中,我有一个表单,当用户输入某个内容时,它会进入状态并正常工作。但当我尝试单击submit时,它应该执行axios post,这是当我单击submit时调用的函数 handleSubmit(event) { axios.post('/api/newBlog', this.state.title) .then(res => console.log("Dog")); event.preventDefault();
handleSubmit(event) {
axios.post('/api/newBlog', this.state.title)
.then(res => console.log("Dog"));
event.preventDefault();
}
它也不打印“狗”,它只是直接去路线。
在快速路线中,我有以下代码:
app.post('/api/newBlog', (req, res) => {
console.log(req.body);
});
但当它执行控制台日志时,它会打印出“未定义”。当我只打印req时,没有.body,它打印出一个巨大的对象,没有我传入的任何数据。我遗漏了什么吗?
这个.state.title
不是一个对象,这是axios.post
所期望的,它(我猜)是一个字符串axios.post('/api/newBlog',{title:this.state.title}).
应该可以工作。实际上,我在后端的index.js文件中发现,我根本没有使用body解析。完全忘记了这是必要的太棒了,这完全奏效了,我也把我的整个状态都放进去了,这也让我的孩子听到了。如果解决了这个问题,您可能应该接受这个答案:)