问题标签 [react-lazy-load]

我想从一个异步加载的模块（由模块联合公开）运行一个 JS 函数，并在 React 组件中使用返回值。

例如，通过返回布尔值的函数的值来设置某些元素的可见性。

我找到的所有示例都解释了如何延迟加载 React 组件

谢谢！什洛米

（简化示例）：我有 ComponentA和 Component B，它们是兄弟组件，并且都在 App.js 中延迟加载：

是否可以在加载B时A加载（基本上何时someCondition为真），而不必在B以后渲染？这样，组件的加载是分组的，我的网站可以在第一次延迟加载后不中断。

先感谢您！如果有人有解决方案，我会将他们的答案标记为正确。

我正在使用 React 传单。React 和一切工作正常，但是当我尝试使用 React 延迟加载地图时，只是不渲染或渲染一个小方块，如下所示。它只是一个小盒子。

另外，我在以下位置添加了 CSS index.html：

我是 React 的初学者并尝试使用 React.lazy 但失败了，并且在控制台中没有显示任何错误。请帮忙

NewPost.js

是否可以使用加载重型模块React.lazy？

我有一个非常重的原始文件被解析为字符串（大约 10 mb），我想延迟加载它。

尝试后：

我收到以下错误：

演示

我使用npx create-react-app my-app cmd（React 17 版本）创建了一个 React 应用程序。现在好吧，我只是尝试替换经典

但它会引发类似 SyntaxError: Unexpected token at import(6:22) 的错误

谁能帮我解决这个问题？

这是代码语法

这是悬念部分

这是编译输出

我的 package.json 看起来像

我试图在我的源代码中采用 react-lazy。但是不知道怎么回事。。

我检查了两件事。

1. 检查 homeContainer 组件的导出方式。它是默认导出所以它不会影响使用惰性组件（导出默认 HomeContainer）
2. 我做了 Home Component 的控制台。它是 $$typeof: Symbol(react.lazy), _init, payload...我不知道是对的.. 可以吗？

当我执行我的应用程序时，出现三个错误......但我找不到问题所在......

1. 未捕获的未定义 readLazyComponentType
2. (index):22 Uncaught TypeError: Cannot read property 'includes' of undefined at index.22
3. 上述错误发生在您的一个 React 组件中：在 Unknown (created by Context.Consumer)

在 App.tsx 中，我声明了基于 Route 的组件。我的模块版本是 react: 16.9.16, react-dom: 16.9.4

所以我的 React Lazy 设置效果很好，我使用 Laravel Mix 而不是普通的 Webpack 配置。但是运行后，（命名的）块都放在 public 文件夹中，而不是 public/js 文件夹中。该站点运行良好，但只是为了组织，如果分块的 js 文件位于单独的 js 文件夹中，我会喜欢它，因为公共文件夹将挤满所有块。有人知道答案吗？:)

我有页面或大型组件需要在主页加载后呈现。我懒惰地加载了它们，但是在使用时出现错误createElement()：

LazyExoticComponent | LazyExoticComponent 不能分配给类型为“字符串”的参数 | 函数组件<RefAttributes> | ComponentClass<RefAttributes, any>'

我测试过的：

使用最新版本的 Typescript、React、React-Scripts 似乎没有任何影响。

打字稿^3.9.9，反应^16.14.0，反应脚本^2.1.8，“@types/react”：“^17.0.0”，“react-dom”：“^16.13.1”，没有@types /react-dom

我有需要从动态文件夹加载组件的要求。例如，我在组件中有以下文件夹

假设如果componentFolder state设置为custom文件夹，那么它应该从.custom folder如果没有找到任何组件，custom folder那么它应该从default文件夹加载。所以我的问题是，我们可以递归导入吗？

以下链接与我询问的要求相同 如何检查reactjs中是否存在特定文件