remove duplication in react route with deffrent path

Viewed 19

I am working on an event booking app, the home page path is events page, i make these routes to manage redirect authenticated user requests login or signup pages into events,

{token && <Route path="/login" element={<Navigate replace to="/events" />} exact />}
<Route path='/login' element={<LoginPage />} />
{token && <Route path="/signup" element={<Navigate replace to="/events" />} exact />}
<Route path='/signup' element={<SignUpPage />} exact />
            

it works will but i need to reduce the code look, can i make only one route for both first and third routes!! for example:

{token && <Route path="/login || /signup" element={<Navigate replace to="/events" />} exact />}

0 Answers
Related