Réagir Composant attendre pour les accessoires nécessaires pour rendre

Je suis déclaration d'un composant à l'intérieur d'un composant parent. Je veux établir des accessoires dans un seul fichier, puis dans le composant parent, je veux être en mesure d'établir les autres accessoires pour les composants enfants à la fois (puisqu'ils sont des propriétés communes,.. pour la plupart).

Mon problème est que le composant enfant tente de rendre et échoue parce que la prop types ne sont pas établies au premier abord.

Est-il un moyen de dire à l'enfant composant à attendre pour les accessoires nécessaires pour le rendu?

Dans le ParentComponent fonction rendu, j'appelle une autre fonction à exécuter Réagir.Les enfants.map() et ajouter des accessoires à ChildComponent.

L' (bruts) de la section où le composant enfant est en cours de rendu:

JS:

<ParentComponent>
    <ChildComponent
        attribute="test_attribute"
        label="Child Component"
        type="number"
        width={3}
    />
</ParentComponent>

InformationsquelleAutor cmwall | 2016-05-18
  1. 15

    Vous pouvez utiliser un conditionnel rendre déclaration à seulement rendre l'enfant lorsque les accessoires sont remplies:

    let {foo, bar} = this.props;

<ParentComponent>
    { foo && bar ? <ChildComponent foo={foo} bar={bar} /> : null }
</ParentComponent>

    Ou au lieu de null vous pourrait rendre une <LoadingSpinner /> ou quelque chose.

    InformationsquelleAutor Aaron Beall