How to set up a redirect in react-router-dom?

Question

React

There is a switch

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

In theory, it should only redirect the user to /contacts if the routes above fail. So, how to make it so that if these two routes do not work, a redirect to /contacts occurs, and not in any case?

Answer 1

You don't need a redirect for this, just set the default route

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

And according to the correct one, I would make it so that the internal route (/contacts/add) would be defined with an exact match, and the external one (/contacts) without it, well, the order would be changed

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