Render multiple components in React Router

javascript meteor reactjs react-router react-jsx

To passe multiple component you can do like this :

<Route path="groups" components={{main: Groups, sidebar: GroupsSidebar}} /><Route path="users" components={{main: Users, sidebar: UsersSidebar}}>

javascript meteor reactjs react-router react-jsx

In v4, according to the docs, you can render multiple components like this:

<Route path='/some-path' render={() =>  <Fragment>    <FirstChild />    <SecondChild />  </Fragment>} />

javascript meteor reactjs react-router react-jsx

Instead of using div's you can use Fragments.`

<Route path='/some-path' render={props =>  <Fragment>    <Child 1/>    <Child 2/>  </Fragment>} />

CodeHunter