无法发送发帖请求

时间:2018-09-26 20:50:56

标签: reactjs react-router axios

我正在尝试通过发布请求在带有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'”

我无法弄清楚这两个问题。如果您有任何解决方案,那将非常酷。 谢谢你们。

0 个答案:

没有答案