javascript - 在通过渲染方法之前反应显示组件

Question

在执行该方法之前，正在显示我的反应组件（并且它是完整的功能）render()。

该项目正在使用react-starter-kit，并且可以在此处访问类似的路由代码。

在上图中，我调用了一堆动作，然后返回目标组件（Question）。

部分组件代码如下图所示：

问题是组件在console.log被调用之前是可用的并且是完全可用的：

在这种情况下，组件在第一次操作调用后就可用，但logs在所有操作之后都会显示。我想从一开始就添加一个加载器。有人对此有任何想法吗？

Answer 1

这可能是在服务器端呈现的组件。

由于它将所有标志/状态设置为“已加载”，因为它已被渲染，因此可能会导致与前端脚本发生冲突。

为避免此类冲突，您可以使用以下命令检查您的代码是在前端还是后端运行：

const isBack = typeof window === 'undefined';

如果没有可用的 DOM，则它在服务器上。