使用React.lazy进行预加载

Question

[react-loadable公开了一个非常不错的方法YourLoadableComponent.preload()，由于它，您可以在需要时随时渲染组件之前轻松地对其进行预加载（onMouseOver等）。

我可以看到我可以执行以下操作：https://github.com/pomber/react-lazy-preload-demo/pull/8/commits/126c1bf6e2a23b3e3f7eb0ffb1b4db260516643f因此要手动调用import()，请将结果Promise存储在某个变量中，然后将其传递给React.lazy()。但是，如果我想在某个类方法调用或生命周期挂钩中预加载，可能会太冗长和麻烦。

上述方法的其他替代方法吗？

Answer 1

您可以尝试https://github.com/ianschmitz/react-lazy-with-preload。似乎很适合您的用例！