在完成render方法之前,React显示组件

时间:2016-12-11 17:36:19

标签: javascript reactjs redux react-starter-kit

在完成react-starter-kit方法之前,我的反应组件正在显示(并且它已完全正常运行)。

项目正在使用console.log,可以访问类似的路径代码here

Router code

在上图中,我调用了一系列操作,然后返回目标组件( 问题 )。

部分代码的一部分如下图所示:

Component code

问题是在调用logs之前,组件可用且功能完全正常:

Console debugging

在这种情况下,组件在第一次动作调用后可用,但{{1}}显示在所有内容之后。我想从一开始就添加一个加载器。有人对此有任何想法吗?

1 个答案:

答案 0 :(得分:1)

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

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

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

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

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