Как отобразить компонент, если URL имеет определенный параметр запроса в React?

Question

У меня есть несколько путей, которые в настоящее время выглядят следующим образом:

const baseUrl = `${mainUrl}/web`;

<Route exact path={baseUrl} component={Goods} />
<Route exact path={`${baseUrl}/:ID`} component={Good} />
<Route exact path={`${baseUrl}/:ID/details`} component={GoodDetails} />

Теперь, это работает все отлично, но я вместо этого хочу, чтобы я хотел визуализировать компонент Good, только еслиURL соответствует этому условию ${this.baseUrl}/:ID, которое у нас есть, или если есть параметр запроса с именем br=.Я пытался сделать что-то вроде этого:

<Route exact path={`${baseUrl}/:ID` | `${mainUrl}?br=:brInfo`} component={Good} />

Но, похоже, это не работает.Любые идеи, как правильно это сделать с React Router?

Answer 1

Вы можете определить два разных маршрута для визуализации одного и того же компонента.

<Route exact path={`${baseUrl}/:ID`} component={Good} />
<Route exact path={`${mainUrl}?br=:brInfo`} component={Good} />