让React等待所有部分页面开始呈现

时间:2018-06-26 18:48:59

标签: javascript asp.net reactjs webpack

我目前想在asp.net页面上添加一些反应组件。

它由各种部分页面组成,这些部分页面也已加载到页面中。

我面临的问题与部分页面,webpack和反应有关。我正在使用webpack生成一个包,其中还包含所有react组件。

在我现在举例说明的这些组件之一中,我正在等待窗口加载事件,然后在div上渲染该组件,该div是部分页面的一部分。

但是,考虑到我正在同时显示部分页面的.cshtml上加载该包,因此在加载部分页面之前,因此在div可用之前,将触发窗口加载功能。

因此,React显示错误,并指出目标容器不可用。

如何解决此问题?是否可以使用JavaScript事件来等待此目标容器?

1 个答案:

答案 0 :(得分:0)

一种方法是在安装div所在的同一位置调用React安装

<div></div><script>mount react</script>

或使用onsh​​ow事件

<div onshow=" ... call script " />

另一个反应是等待div变得可用并使用setTimeout等待,我不知道HTML有未加载特定div的事件,因为它无法引用