How can I add multiple path for home page with react router dom 6?-CodePudding

I'm using react router dom 6

I want to load Login component for 3 paths:

/ & /login & /home

I tried by this path:

<Route path='/(home|login)/' element={<Login />} />

but it doesn't work...

CodePudding user response：

Easiest way:

<Route path='/' element={<Login />} />
<Route path='/login' element={<Login />} />
<Route path='/home' element={<Login />} />

CodePudding user response：

You can try this

<Route path={['/', '/login', '/home']} element={<Login />} />

CodePudding user response：

Latest versions of React Router accepts an array of strings as path for an <Route/>.

You can use

<Route path={['/', '/login', '/home']}  element={<Login />} />

Reference: