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

Question

首先 - 抱歉我的英语不好，希望你明白我的意思，你就能给我一个答案。

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

应用（根组件） - ＆gt; 标题（包含在应用中） - ＆gt; 导航（包含在标题中）。

我应该如何向导航发送数据（获取异步..）

现在我在App中获取该数据。然后通过道具将它发送到Header，然后 - 在导航中渲染它。

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

当时 - 看起来像是：

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

Project (Github)

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

Answer 1

您可以让组件返回null

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

Answer 2

在数据加载或请求失败之前，您需要将存储在reducer中的ViewState存储为显示加载器或其他内容;如果需要，你可以从渲染中返回false或null，不显示任何标记。