Comment passer des accessoires à un composant enfant via React Router

Ce court tutoriel explique comment passer des accessoires à un composant enfant via React Router

Il existe de nombreuses solutions pour passer des accessoires à un composant enfant viaRouteur React, et certains que vous trouverez sont obsolètes.

Le plus simple est d'ajouter les accessoires au composant de wrapper Route:

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

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

Mais de cette façon, vous devez modifier la façon dont vous accédez aux accessoires, viathis.props.route.*au lieu de l'habituelthis.props, ce qui pourrait être acceptable ou non.

Un moyen de résoudre ce problème consiste à utiliser:

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

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

Téléchargez mon gratuitManuel React


Plus de tutoriels de réaction: