Comment utilisez-vous les fonctions anonymes dans la route de React Router?

Question

Quel est le but de passer props à la fonction anonyme ci-dessous? Devez-vous utiliser une fonction anonyme pour transmettre des accessoires à un composant d'un itinéraire?

function App(props) { 
    const { data } = props; 

    return (
    <Router> 
     <Route path="/home" render={(props) => <Home data={data.things} />} /> 
    </Router> 
) 
} 

Answer 1

Pour répondre à votre question: Dans le code ci-dessus, nous devons passer le props dans la fonction anonyme afin qu'ils soient disponibles à la composante Home. idéal est de passer les accessoires comme ci-dessous:

<Route path="/abc" render={props => <TestWidget someProp="2" {...props} />} />

magnifiquement expliqué here

Si vous utilisez Redux alors tout cela sera pris en charge par le magasin en utilisant le composant d'ordre supérieur Provider. S'il vous plaît se référer aux documents here