/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

29 votes136 views6 answers
If react
Javascript React
1 vote143 views1 answer
Get image url in react input file or preview form image
Javascript React
23 votes156 views6 answers
React hooks useeffect
Javascript React
2 votes144 views1 answer
React native apk bundle
Javascript React
0 vote134 views1 answer
Onpress not working with usestate react native
Javascript React
0 vote140 views1 answer
Setting a date range using yup on react date picker
Javascript React
0 vote164 views1 answer
Donwload data from react js in json file
Javascript React
0 vote129 views1 answer
Chromepicker react-color not working
Javascript React
0 vote95 views2 answers
Discord js remove all reactions from user
Javascript React
0 vote145 views1 answer
How to use adminlte in reacts
Javascript React