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

Question

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

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

应用程序（根组件）->标题（包含在应用程序中）->导航（包含在标题中）。

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

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

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

当时 - 它看起来像：

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

项目（Github）

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

Answer 1

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

Answer 2

你可以让你的组件返回 null

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