reactjs - 使用 React.lazy 预加载-6ren

reactjs - 使用 React.lazy 预加载

转载作者：行者123 更新时间：2023-12-04 12:39:20

24

4

react-loadable公开了一个非常好的方法 YourLoadableComponent.preload()多亏了它，您可以随时在渲染之前轻松预加载组件(onMouseOver 等)。

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

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

最佳答案

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

关于reactjs - 使用 React.lazy 预加载，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57868621/

24

4

0

文章推荐： git - 如何在 Yocto 配方中指定 git 分支

文章推荐： reactjs - 错误 : Unable to resolve module 'internal_package'

lazy-evaluation - (++) 运算符和 (:) operator and lazy evaluation
真实世界Haskell的第8章 globToRegex' (c:cs) = escape c ++ globToRegex' cs 这个函数不是尾递归的，它说答案依赖于 Haskell 非严格(惰性)
lazy-evaluation - 隐式延迟收集/获取不被视为 "lazy"对象
documentation for gather/take mentions Binding to a scalar or sigilless container will also force la
ocaml - `Lazy.force` 和 `Lazy.force_val` 之间的区别
Lazy 模块中有两种力量: val force : 'a t -> 'a force x forces the suspension x and returns its result. If x h
.net - Lazy.Force() 和 Lazy.Value 有什么区别
在 Lazy.Force 的 MSDN 文档中扩展方法说: Forces the execution of this value and returns its result. Same as Val
c# - 无法将 Lazy 隐式转换为 Lazy
我正在编写一个 MVC 5 互联网应用程序，我有一个关于使用 interface 的问题与 Lazy initialization . 这里是有问题的类定义: public class WebAPIT
haskell - Lazy.ByteString 和 Lazy.Char8.ByteString 之间的区别
我对 real world haskell 中的代码有点困惑 import qualified Data.ByteString.Lazy.Char8 as L8 import qualified Da
java - EclipseLink 不使用嵌套的 Lazy OneToMany 关系填充 Lazy OneToOne
我从 Hibernate 迁移到 EclipseLink，因为我们需要 EclipseLink 可以很好地处理复合主键，而 Hibernate 则不能(确实不能!)。现在我正在修复我们的 JUnit
java - 线程 : Lazy Initialization vs Static Lazy Initialization
我正在观看 Java 内存模型视频演示，作者说与 Lazy Initialization 相比，使用 Static Lazy Initialization 更好，我不清楚他说的是什么想说。我想接触社
rust - 如何在另一个 once_cell::sync::Lazy 中使用 once_cell::sync::Lazy？
我想使用 Rust 和 once_cell实现一些静态常量结构实例，一个静态常量向量包含这些静态结构实例。示例代码如下: use once_cell::sync::Lazy; pub struct
Haskell:无法使用 dropWhileEnd，未找到模块 Data.Text.Lazy/Data.Lazy
首先我必须承认:我对 Haskell 完全陌生。我已经练习了一些，现在在字符串操作方面遇到了一些麻烦: 我需要删除/删除从字符串末尾开始的字符。我期望函数 dropWhileEnd 执行此操作，但是当
rust - 如何在另一个 once_cell::sync::Lazy 中使用 once_cell::sync::Lazy？
我想使用 Rust 和 once_cell实现一些静态常量结构实例，一个静态常量向量包含这些静态结构实例。示例代码如下: use once_cell::sync::Lazy; pub struct
C# - 如何将 Lazy> 转换为 Lazy>？
我有一个 Lazy>其中 T 是一个类，它有一个巨大的字符串和关于文件的元数据。我们称它们为属性 HugeString和属性(property)Metadata 我有这个 U 类，它具有相同的属性 H
haskell - 为什么 Data.Text.Lazy.replace 和 Data.Text.Lazy.append 不起作用？
下面的代码是使用 str1 替换字符串的三种不同方式( str2 、 str3 和 Data.Text.Lazy.replace ) .他们应该给出相同的输出。 import Data.Text.La
java - JPA:我应该将 BLOB 存储在与 fetch Lazy 相同的表中，还是应该将其存储到另一个表并 fetch lazy 一对一关系
我有一个表 Image 保存图像信息。我还想存储图像本身。我也应该 1.将 Blob 存储在同一个图像表中，然后像下面这样延迟获取它 @Basic(optional = false, fetch =
Spring @Lazy 注解示例
在这篇快速文章中，我们将通过一个例子来讨论Spring的@Lazy注解。默认情况下，Spring IoC容器会在应用程序启动时创建并初始化所有单体Bean。我们可以通过使用@Lazy注解来阻止单体B
lazy-loading - 如何在分页中使用延迟加载？
我有一个 viewController，因为我使用了 Page 控件。每个页面有 4 个 ImageView 。我已经通过了 Xml 并根据其中的图像数量得到了 pageControl 的页数，即
lazy-loading - 如何判断延迟加载是否有效？
我使用了一个名为 blazy 的 js，当我向下滚动页面到它时，图像会加载。图像显示在 pingdom 速度测试中，如果延迟加载适用于图像，它是否应该显示在速度测试树中？最佳答案根据我的经验，我
javascript - 如何测试浏览器是否支持加载 ='lazy' ？
浏览器级别的 Lazyload 是几乎所有浏览器的新功能( https://developer.mozilla.org/en-US/docs/Web/Performance/Lazy_loading
lazy-evaluation - 哪些编程语言支持惰性求值？
我想尝试惰性表达式评估，但我现在不想深入研究 Haskel。拜托，你能帮忙找出其他语言有这个功能吗？最佳答案你可以用多种语言模拟它。 this例如，是 C++ 的通用惰性求值器。正如文章所说，它也
lazy-evaluation - haskell中严格版本的含义是什么？
关注，据说foldl'是 foldl 的严格版本. 但是我很难理解，strict 是什么意思？意思是？？ foldl f z0 xs0 = lgo z0 xs0 where

首页

博学

6Ren·AI

商城

reactjs - 使用 React.lazy 预加载