React Router Как иметь родительские маршруты и суб-маршруты с параметрами

Question

У меня есть 2 маршрута:

<Route path="/hello/:name" component={A}> 
<Route path="/hello/custom/:name" component={B}> 

Теперь, когда я перехожу к / hello / custom / aPerson. Компоненты A и B называются. Как я могу избежать этого? В настоящее время я должен добавить логику к компоненту A, чтобы проверить его param: name, чтобы увидеть, используется ли какой-либо "/". Если это так, я отключаю компонент А.

Answer 1

Исправление заключается в добавлении exact к маршрутам.

<Route exact path="/hello/:name" component={A}> 
<Route exact path="/hello/custom/:name" component={B}>