Как сделать несколько дополнительных параметров с реагировать на маршрутизатор?

Question

Я использую «реагировать»: «^ 16.8.6» и «реагировать на маршрутизатор»: «^ 5.0.0»

Я работаюна странице поиска.И на странице должно быть какое-то условие фильтра, и URL должен выглядеть следующим образом: / Search? SearchText = бакалавр и штат = Новый + Южный + Уэльс & CourseLevel = Diploma & CourseArea = Сельское хозяйство

каксделать это способом реакции-маршрутизатора?

Я подумал, что могу сделать это таким образом, поскольку параметры являются необязательными, поэтому маршрут может быть / search /: CourseArea? /: State? /: CourseLevel? /: StudyMode? /: SearchText?

но как узнать, какой запрос передается в URL, а какой нет?

Заранее спасибо

Answer 1

Просто используйте Строка запроса , чтобы проанализировать аргумент и оставить свой маршрут таким, как есть:

import queryString from 'query-string';

class SearchComponent extends React.Component{
 render(){
  // url is 'https://www.example.com/search?id=123&type=4';
  let url = this.props.location.search;
  let params = queryString.parse(url);
  console.log(params);
  // The result will be like below
  // { id: 123, type: 4 }
  // other code
 }
}