将多个参数传递给Axios中的URL

时间:2019-07-07 20:49:19

标签: reactjs axios

我需要在URL中传递多个参数。 API URL看起来像这样https://mydomain/search?campus=selecteddropdownvalue1&subject=selecteddropdownvalue2 ...

我的代码仅适用于API URL https://mydomain/search?campus=中的一个参数。如何使多个参数在请求调用中起作用?谢谢。

my react code is:

onSearchSubmit= async (campus,subject)=>{
const response= await axios.get('https:/mydomain/api/search',{
params:{
  campus: campus,
  subject: subject

 }
});

this.setState({Courses: response.data});

};

URL中只有一个参数现在可以使用。当我选择第二个下拉值时,它将覆盖第一个参数。

1 个答案:

答案 0 :(得分:0)

我认为您的问题是由以下原因引起的,

第一次调用onSearchSubmt(campus, subject)时,campus有一个值,但是subject为null或未定义。第二次subject有一个值,而campus未定义。您需要同时传递两个值才能使其正确执行。您console.log都是两个值。