React Componentは必要な小道具をレンダリングするのを待ちます

Question

親コンポーネントの内部でコンポーネントを宣言しています。私は1つのファイルに特定の小道具を設置したいと思っています。そして、親コンポーネントでは、子コンポーネントの他の小道具を一度に作ることができます。

私の問題は、必要な小道具タイプが最初に確立されていないため、子コンポーネントがレンダリングして失敗することです。

子コンポーネントに、必要な小道具のレンダリングを待つように指示する方法はありますか？

ParentComponentレンダリング関数で、私はReact.Children.map（）を実行し、ChildComponentにpropsを追加する別の関数を呼び出します。

子コンポーネントがレンダリングされている（粗い）セクション：

let {foo, bar} = this.props; 

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

：あなただけ小道具が移入された子をレンダリングするconditional render statementを使用することができ

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

Answer 1

またはnullの代わりに<LoadingSpinner />などをレンダリングすることもできます。