React / react-router - route respond to multiple paths

2 contributors

7 contributions

0 discussions

0 points

Created by:

806

In this article, we would like to show you how to set Route to respond to more than one paths in react-router.

Quick solution:

<Route path="/(path1|path2)/" component={component} />

Practical example:

import { Route } from 'react-router-dom';

const App = () => {
    // Some code...
    
    <Route path='/(home|faq)/' component={Home} />;
};

Home component is rendered for the '/home' and '/faq' paths.

Alternative titles

Donate to Dirask

Our content is created by volunteers - like Wikipedia. If you think, the things we do are good, donate us. Thanks!

Direct link

Join to our subscribers to be up to date with content, news and offers.

Get your tech brand or product in front of software developers.

For more information Contact us

Join