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

React showing component before going through the render method

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

项目正在使用react-starter-kit，类似的路由代码可以访问here。

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

部分组件代码如下图：

问题是在 console.log 被调用之前组件可用且功能完整：

在这种情况下，组件在第一次操作调用后可用，但 logs 显示在所有内容之后。我想从一开始就添加一个装载机。有人知道吗？

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

因为它会将所有 flags/states 设置为 "loaded" 因为它是渲染的，所以可能会导致与前端脚本的冲突。

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

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

如果没有 DOM 可用，那么它在服务器上。