Reagieren Komponente warten für erforderliche Requisiten zu Rendern

Ich bin der Deklaration einer Komponente innerhalb der übergeordneten Komponente. Ich möchte spezifische Requisiten in einer Datei, und dann in der übergeordneten Komponente, ich möchte in der Lage, die anderen Requisiten, die für die untergeordneten Komponenten alle auf einmal (da Sie gemeinsame Eigenschaften.. für den meisten Teil).

Mein problem ist, dass das Kind Komponente versucht zu Rendern, und schlägt fehl, da die erforderlichen prop-Typen sind nicht aufgebaut auf den ersten.

Gibt es eine Möglichkeit zu sagen, die untergeordneten Komponente zu warten, bis die erforderliche Requisiten zu Rendern?

In der ParentComponent render-Funktion rufe ich eine andere Funktion ausführen, Reagieren.Kinder.map () - und append-Requisiten zu ChildComponent.

Dem (groben) Bereich, wo die Kind-Komponente gerendert wird:

JS:

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

InformationsquelleAutor cmwall | 2016-05-18
  1. 11

    Können Sie eine bedingte render-Anweisung nur Rendern, das Kind, wenn die Requisiten sind besiedelt:

    let {foo, bar} = this.props;

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

    Oder statt null Sie machen könnte eine <LoadingSpinner /> oder so etwas.

    InformationsquelleAutor Aaron Beall
Schreibe einen Kommentar