2017-01-29 7 views
2

いくつかの条件が満たされた場合にレンダリングするコンポーネントがあります。それ以外の場合はnullを返します。反応コンポーネントがnullかどうかを調べる

コンポーネントがその親からnullを返すかどうかを判断する方法を知りたいと思います。

レンダリング時またはnullを返すときに、どのプロパティが変更されているかを確認するためにコンポーネントをログに記録しようとしましたが、違いを検出できませんでした。

提案がありますか?

+0

好奇心などへ*なぜあなたは親から 'null'なのでを決定したいですか*? –

+0

私のアプリでは 設定バーがレンダリングされているかどうかを確認する必要があります。 nullを返す場合、コンテンツコンポーネントにパディングを追加して、ナビゲーションバーがコンテンツと重ならないようにする必要があります。設定バーがレンダリングされた場合、パディングは必要ありません。 nullの代わりに設定コンポーネントからnavbarの高さをスペーサーに戻して問題を解決しましたが、私が調べていたことをする方法を知っておくと便利かもしれないので、この質問を残すことに決めました。 –

+0

あなたは設定コンポーネントにいくつかのidまたはclassNameを割り当てることができますし、getElementByIdまたはクラスを使用することで、いくつの子があるかを調べることができます。nullの場合は、何もないと思います。 –

答えて

0

変数を使用します。

render() { 
 
    let settings = (<Settings... />); 
 
    if (settings) not null; 
 
    else null; 
 
    return (
 
    <div> 
 
     ... 
 
     {settings} 
 
     ... 
 
    </div> 
 
) 
 
}

関連する問題