让反应等待所有部分页面开始渲染

Question

我目前想在我的 asp.net 页面中添加一些 react 组件。

它由加载到页面中的各种部分页面组成。

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

在我现在举的这些组件之一中，我正在等待窗口加载事件，然后在 div 上呈现组件，它是部分页面的一部分。

但是，考虑到我在 .cshtml 上加载包，它也呈现部分页面，窗口加载功能在部分页面加载之前触发，因此在 div 可用之前触发。

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

我该如何解决这个问题？有没有我可以用来等待这个目标容器的 javascript 事件？

Answer 1

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

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

或使用 onshow 事件

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

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