/Javascript/React/React routes multiple compoenents

React routes multiple compoenents

React router multiple path

<Router>
    <Route path={["/home", "/users", "/widgets"]} component={Home} />
</Router>

Source: stackoverflow.com

React route multiple components

//use multiple components in one Route:
<Route path='/path' render={props =>
  <div>
    <FirstChild />
    <SecondChild />
  </div>
} />

Source: stackoverflow.com

React routes multiple compoenents

<Routes>
 	<Route
	path="/"
	element={[
         <Header key={1} />,
  		 <LandingSection key={2}  />,
    	 <CardList key={3} /> ]}>
    </Route>
</Routes>

Similar codes

11 votes251 views5 answers
React router refresh page
Javascript React
0 vote242 views3 answers
How to serve React JS static files with express JS?
Javascript React
0 vote263 views1 answer
Location maps react native
Javascript React
0 vote268 views1 answer
React duration picker
Javascript React
1 vote264 views1 answer
React native header
Javascript React
0 vote274 views1 answer
Timezone in react js
Javascript React
0 vote249 views1 answer
Ts(2749) react testing library
Javascript React
18 votes259 views2 answers
How to import background image in inline css in react
Javascript React
64 votes268 views6 answers
React js router
Javascript React
0 vote250 views1 answer
Type '{ GlobalState: any; Dispatch: React.Dispatch<any>; }' is not assignable to type 'null'
Javascript React