Reactjs 在加载所有热模块时触发功能

Reactjs 在加载所有热模块时触发功能,reactjs,react-hot-loader,Reactjs,React Hot Loader,我想在我的react应用程序中加载所有脚本时启动一个函数。我的应用程序使用热加载程序(react hot loader)。当加载并执行页面上的所有脚本时,如何触发一些事件。谢谢大家! 我加载模块/组件,如: export const Root=hot(RootUnwrapped)如果我们查看文档,我们会看到: (这就是目标)React Hot Loader不会改变过去,只是 更新当前-不会对组件调用任何生命周期事件 更新。因此,所有的代码更改,您可能会 componentWillUnmount

我想在我的react应用程序中加载所有脚本时启动一个函数。我的应用程序使用热加载程序(react hot loader)。当加载并执行页面上的所有脚本时,如何触发一些事件。谢谢大家!

我加载模块/组件,如:


export const Root=hot(RootUnwrapped)

如果我们查看文档,我们会看到:

  • (这就是目标)React Hot Loader不会改变过去,只是 更新当前-不会对组件调用任何生命周期事件 更新。因此,所有的代码更改,您可能会 componentWillUnmount或componentDidMount将被忽略 已创建的组件
  • (这就是目标)React Hot Loader不会更新任何对象, 包括组件状态
但是,正如我们所知,热加载程序重置状态

所以,您可以获得一种生命周期方法,它允许您检查旧的和新的状态。 如果状态被重置为init状态,则它是热加载程序


但是,如果您的目标是在应用程序首次加载时进行检查,则可以在根组件的构造函数中进行检查。

如果我们查看文档,我们会看到:

  • (这就是目标)React Hot Loader不会改变过去,只是 更新当前-不会对组件调用任何生命周期事件 更新。因此,所有的代码更改,您可能会 componentWillUnmount或componentDidMount将被忽略 已创建的组件
  • (这就是目标)React Hot Loader不会更新任何对象, 包括组件状态
但是,正如我们所知,热加载程序重置状态

所以,您可以获得一种生命周期方法,它允许您检查旧的和新的状态。 如果状态被重置为init状态,则它是热加载程序

但,若你们的目标是在应用程序首次加载时进行检查,那个么你们可以在根组件的构造函数中进行检查