React, comment transférer des accessoires vers des composants enfants

Comment passer tous les accessoires qu'un composant obtient de son parent à ses propres enfants dans React

Supposons que vous ayez une hiérarchie de composants, dans laquelle vous transmettez les accessoires d'un composant supérieur, et que vous deviez transmettre ces accessoires tels quels à un enfant. Cela arrive plusieurs fois et vous ne voulez pas vraiment faire comme ça:

const IntermediateComponent = (props) => {
  return (
    <ChildComponent prop1={props.prop1} prop2={props.prop2} />
  )
}

à la place, vous voulez passer tous les accessoires, quel que soit leur nom.

Vous pouvez le faire avec leopérateur de propagation:

const IntermediateComponent = (props) => {
  return (
    <ChildComponent {...props} />
  )
}

Cette syntaxe est beaucoup plus facile à regarder, beaucoup moins sujette aux erreurs, et elle permet de la flexibilité, car vous n'avez pas besoin de changer les noms d'accessoires ou d'ajouter des accessoires dans le composant intermédiaire lorsque vous les changez.

Téléchargez mon gratuitManuel React


Plus de tutoriels de réaction:


Tech Wiki en ligne!