Cómo pasar accesorios a un componente secundario a través de React Router

Este breve tutorial explica cómo pasar accesorios a un componente secundario a través de React Router

Hay muchas soluciones para pasar accesorios a un componente secundario a través deReaccionar enrutadory algunos que encontrará están desactualizados.

Lo más simple es agregar los accesorios al componente contenedor de ruta:

const Index = props => <h1>{props.route.something}</h1>

var routes = <Route path="/" something={‘here’} component={Index} />

Pero de esta manera necesita modificar la forma en que accede a los accesorios, a través dethis.props.route.*en lugar de lo habitualthis.props, que podría ser aceptable o no.

Una forma de solucionar esto es usar:

const Index = props => (
  <h1>{props.something}</h1>
)

<Route path="/" render={() => <Index something={‘here’} />} />

Descarga mi gratisReact Handbook


Más tutoriales de react: