reactjs - 使用 React.lazy 预加载

Question

react-loadable公开了一个非常好的方法YourLoadableComponent.preload()，这要归功于您可以轻松地在组件被渲染之前预加载它（onMouseOver等等）。

我可以看到我可以执行以下操作：https://github.com/pomber/react-lazy-preload-demo/pull/8/commits/126c1bf6e2a23b3e3f7eb0ffb1b4db260516643f 以便import()手动调用，将结果存储Promise在一些变量中，然后将其传递给React.lazy(). 但是，如果我想在某些类方法调用或生命周期钩子中预加载，它可能有点过于冗长和有问题。

上述方法的任何其他替代方案？

标签： reactjscode-splittingreact-loadable

Answer 1

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