使用 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。似乎很适合您的用例！