【问题标题】:Handle slow rendering complex components处理缓慢渲染的复杂组件
【发布时间】:2022-01-25 12:05:21
【问题描述】:

我的项目中有非常慢的渲染组件,这使得路由非常慢。输入文本时的输入字段也会出现类似的问题,因为我有复杂的验证逻辑。我怎样才能有效地处理它。

为了更好地理解问题,分享一个代码框link.

感谢大家的帮助

【问题讨论】:

  • 在我的例子中,组件只有几行代码,但是假设它正在处理大量的东西并且需要花费大量时间来渲染组件。我不确定代码拆分和延迟加载如何解决问题
  • 我不确定我是否理解。延迟加载应该进行数据处理的组件,并且在加载时您可以呈现您的后备。
  • 如果您不想等待,您可以构建您的代码,以便在父组件上完成延迟加载。\

标签: reactjs optimization web-worker


【解决方案1】:

我使用 web worker 解决了性能问题,为此我为 web worker 使用了一个包装库,@koale/useworker

这里是密码箱link

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-03-09
    • 2020-12-06
    • 2020-07-30
    • 2021-06-04
    • 2017-09-06
    相关资源
    最近更新 更多