Qu'est-ce que {cela.accessoires de jeu.les enfants} et quand vous devriez l'utiliser?
D'être un débutant à Réagir monde, je veux comprendre en profondeur ce qui se passe lorsque j'utilise {this.props.children}
et quelles sont les situations à utiliser le même. Quelle est la pertinence de la ci-dessous extrait de code?
render() {
if (this.props.appLoaded) {
return (
<div>
<Header
appName={this.props.appName}
currentUser={this.props.currentUser}
/>
{this.props.children}
</div>
);
}
}
- Double Possible de ReactJS: Pourquoi utiliser ce.accessoires de jeu.les enfants?
- Il n'était pas clair dans le lien donné que ce qui se passe lorsque j'utilise {ce.accessoires de jeu.les enfants} à l'intérieur d'un composant.
- Meilleure Ressource mxstbr.blog/2017/02/réagir-enfants-deepdive
Vous devez vous connecter pour publier un commentaire.
Référence: Une introduction rapide à Réagir de accessoires.les enfants
Je suppose que vous avez vu cela dans une Réagir la composante
render
méthode, à l'instar de ce (edit: votre édité question montrent, en effet, qu'):JS:
HTML:
enfants
est une propriété particulière de Réagir composants qui contient toute l'enfant les éléments définis dans le composant, par exemple, ladivs
à l'intérieur deExample
ci-dessus.{this.props.children}
comprend les enfants dans le résultat du rendu.Vous devriez faire quand vous voulez inclure les éléments enfants dans le rendu de la sortie directement les, mêmes; et si vous n'avez pas.
render
, mais ils ce serait les mêmes enfants dans tous les cas. En acceptant les éléments enfants (le cas échéant), chaque instance de composant peut avoir un contenu différent. J'ai mis à jour l'exemple de la réponse.