组件的层次结构和获取异步数据

Question

首先 - 对不起我的英语不好，希望你明白我的意思，你将能够给我一个答案。

所以，我有以下项目结构：

App（根组件）-> Header（包含在 App 中）-> Navigation（包含在 Header 中）。

我应该如何将数据发送到 Navigation（它变得异步..）

现在我在 App 中获取该数据。然后通过 props 将其发送到 Header，然后 - 在 Navigation 中渲染。

1. 我不想在加载数据之前显示导航组件。
2. 我不希望 Navigation 依赖于 Header....

当时 - 它看起来像：

我不能放超过 2 个链接，这就是我离开这里项目的原因。

Project (Github)

实际上 - 它有效！但是你知道，我不确定我选择了正确的方式..

Answer 1

你可以让你的组件返回 null

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

Answer 2

您需要将 ViewState 存储在 reducer 中以显示加载程序或其他任何内容，直到数据加载或请求失败；如果需要，您可以从 render 返回 false 或 null 以不显示任何标记。