我正在尝试通过发布请求在带有axios的ReactJS中发送数据。 问题是,当我发送数据时,它像这样的“ http://127.0.0.1:8000/Sessions/11?courses=2018-09-30”一样出现在我的网址中,但我希望它进入数据库。
我的请求是这样的:
AddCourses (courses) {
axios.request({
method: 'post',
url: `http://127.0.0.1:8000/api/sessions/${session_id}/courses`,
data: courses,
headers: {'Content-Type': 'application/json' , 'Accept':
'application/json' , 'Authorization': `Bearer
${authentication.getToken()}`}
}).catch(err => console.log(err))
}
onSubmit (event) {
let session_id = this.props.match.params.id
const newCourses = {
date: this.refs.date.value,
}
this.AddCourses(newCourses)
event.preventDefault(
this.props.history.push(`/Courses`),
)
}
我的道具在路由器中的定义如下:
<Route path="/Sessions" exact component={Sessions}/>
<Route path="/Sessions/:id" exact render={props =>
<GeekSessions{...props} /> }/>
在我的组件中,我还有另一个发布请求,当我对其进行测试时,出现错误“未捕获的TypeError:无法读取未定义的属性'props'”
我无法弄清楚这两个问题。如果您有任何解决方案,那将非常酷。 谢谢你们。