Boa tarde,
Preciso renderizar dois componentes em uma determinada rota, por exemplo preciso renderizar uma Sidebar.js e o conteúdo da pagina ExemploPage.js
Sidebar.js
class SideNavPage extends React.Component {
constructor(props) {
super(props);
};
}
render() {
return (
<div>
{/*Sidebar*/}
</div>
);
}
}
ExemploPage.js
class ExcemploPage extends React.Component {
constructor(props) {
super(props);
};
}
render() {
return (
<div>
{/*Conteudo*/}
</div>
);
}
}
Estou olhando na documentação do React Router https://reacttraining.com/react-router/web/api/Route/render-func
E eles utilizam algo parecido como:
const FadingRoute = ({ component: Component, ...rest }) => (
<Route {...rest} render={props => (
<FadeIn>
<Component {...props}/>
</FadeIn>
)}/>
)
Porem não estou conseguindo, implementar.
Alguém sabe como eu poderia passar dois componentes para renderizar em uma rota ?