Как в react-router-dom сделать настроить редирект?

Question

[Артём Лукичев]

Имеется switch

<Switch>
            <Route path="/contacts" exact>
                <ContactsPage />
            </Route>
            <Route path="/contacts/add" exact>
                <AddContactForm />
            </Route>
            <Redirect to="/contacts" />
 </Switch>

По идее он должен перенаправлять пользователя на /contacts только если роуты выше не сработают. Так вот, как сделать чтобы в случае если эти два роута не срабатывают происходила переадресация на /contacts, а не в любом случае?

Answer 1

[Сергей Сунцев]

Для этого не нужен редирект, достаточно просто проставить роут по умолчанию

<Switch>
            <Route path="/contacts" exact>
                <ContactsPage />
            </Route>
            <Route path="/contacts/add" exact>
                <AddContactForm />
            </Route>
            <Route path="*" >
                <ContactsPage />
            </Route>
 </Switch>

А по правильному я бы сделал так, что бы внутренний роут(/contacts/add) определялся с точным соответствием, а внешний (/contacts) без него, ну и порядок сменил

<Switch>
            <Route path="/contacts/add" exact>
                <AddContactForm />
            </Route>
            <Route path="/contacts">
                <ContactsPage />
            </Route>
 </Switch>