问题标签 [loadable-component]

我正在使用这个反应库https://github.com/gregberge/loadable-components加载带有 Ref 的组件以使用useImperativeHandle 但 ref 始终为空来访问实例值。

这是我的代码

每个子组件都包含一个useImperativeHandle公开实例函数，但我似乎无法访问任何函数，因为currentPageRef 始终为 null

useImperativeHandle 这是包含实现的子页面之一的示例

关于为什么会发生这种情况的任何想法？

谢谢

我正在努力提高我的网站性能。我做了很多研究，发现了一个code splitting. 我都试过了React Lazy load和Loadable Components。我有一个结果，但不是那么大。

我认为问题在于 600 kb 的大块。为了获得它的来源，我已经命名了我所有延迟加载的块。并且所有的块都被重命名，期望那个大块。

检查我的网络，你会看到那个块

有人可以解释一下它是什么以及它是如何生成的吗？

提前致谢。此致

我正在尝试查询表并使用结果列表重新渲染 LoadableDetachableModel。页面初始化时表为空。在 onSubmit 方法调用之后，表格从页面中移除并且模型消失了。我得到的只是JS错误。我可以看到该属性尚未呈现，但不知道为什么。

以下是相关代码：

I have a library with .ts files in it, while trying to import dynamically using loadable/components am getting error as:

Error: TypeScript emitted no output for C:\E\Platform-x Publish Prelem\Develop next\platform-x-user-experience\node_modules\platform-x-prelems\prelems\contactUs\ContactUs.d.ts.

index.js

next.config.js of project

@loadable/server 文档 - https://loadable-components.com/docs/api-loadable-server/ 提供了在 chunkExtractor 中使用命名空间的选项，如果您在同一页面上有多个 React 应用程序。有人可以给我这个案例的示例实现。

ColumnFilter.js

该组件负责渲染过滤器组件。我刚刚发布了渲染FlterWrapper组件的部分（相关）。它包含一个传递给孩子的状态，每当孩子的输入发生变化时，这个组件中的状态就会更新。

FilterWrapper.js

该组件负责根据提供的类型选择要渲染的组件。@loadable/componentpackage 用于代码拆分，这实际上是导致此问题的原因。如果我删除可加载导入并直接导入过滤器组件，它的工作重点是文本字段保持不变，但是使用可加载包，它会导致重新渲染FilterWrapper，因此重新渲染也会出现在TextFilter组件中，这会导致将损失集中在文本字段上。

TextFilter.js

TextField这是呈现MUI 的地方。