reactjs - コンポーネントの階層と非同期データの取得

Question

まず第一に、私の英語が下手で申し訳ありません。私の意味を理解していただければ幸いです。回答をいただければ幸いです。

したがって、次のプロジェクト構造があります。

アプリ(ルート コンポーネント) ->ヘッダー(アプリ内に含まれる) ->ナビゲーション(ヘッダー内に含まれる)。

ナビゲーションにデータを送信するにはどうすればよいですか（非同期になります..）

今、アプリでそのデータを取得しています。次に、小道具を介してヘッダーに送信し、ナビゲーションでレンダリングします。

1. データが読み込まれるまで、ナビゲーション コンポーネントを表示したくありません。
2. ナビゲーションをヘッダーに依存させたくない....

当時 - それは次のようになります。

2 つ以上のリンクを配置することはできないため、ここでプロジェクトを終了します。

プロジェクト (Github)

実際に - それは動作します！でも、正しい方法を選択したかどうかはわかりません..

Answer 1

コンポーネントに null を返させることができます

if (!this.props.data) {
  return null;
}