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