息事柠人 2023-10-16 10:13 采纳率: 0%
浏览 17
已结题

react 循环Tab卡顿

react循环上百个tabs的时候并且每个tab都有自己的table，table里管理了一百多的的state状态，导致在切换的时候tab极其卡顿，怎么优化
哭死，找了一堆的办法还是没有解决

img

img

  • 写回答

3条回答 默认 最新

  • ATWLee 2023-10-16 10:18
    关注

    一个表格为啥那么多state

    评论

报告相同问题？

  • React基础学习-Day07
    2024-07-17 22:29
    嘻嘻啦啦啵的博客 Fiber 的英文含义是“纤维”，它是比线程（Thread）更细的线，比线程...在 React 中，Fiber 就是 React 16 实现的一套新的更新机制，让 React 的更新过程变得可控，避免了之前采用递归需要一气呵成影响性能的做法。
  • 【React】1040- 六个问题让你更懂 React Fiber
    2021-08-05 08:30
    pingan8787的博客 大家好，我是零一，很多人都摸不透React，看不懂源码，甚至不想看源码（确实很难看懂啊！），"霸王硬上弓" 肯定是不行呀，不如从React的整体架构或者说从最核心的Fibe...
  • 什么是 ‘Work Loop’ 的递归限制？解析 React 如何防御组件树中的死循环引用
    2025-12-20 23:40
    海派程序猿的博客 从早期同步递归的挑战到 Fiber 架构的异步迭代革命，React 不仅解决了 JavaScript 调用栈的物理限制，更通过精妙的设计和严格的编程范式，为我们提供了防御逻辑上无限重渲染的强大武器。理解 Fiber 的迭代工作流是...
  • 前端面试汇总-React
    2023-06-29 19:52
    艾光远的博客 React并不是将click事件绑定到了div的真实DOM上，而是在document处监听了所有的事件，当事件发生并且冒泡到document处的时候，React将事件内容封装并交由真正的处理函数运行。这样的方式不仅仅减少了内存的消耗，还...
  • react理念(一)
    2024-10-11 20:38
    知道了啊的博客 当遇到大计算量的操作或者设备性能不足的页面掉帧，会导致卡顿，发送网路请求的时候，需要等待数据返回才能进一步操作导致不能快速响应。叫做cpu的瓶颈和io的瓶颈。
  • React面试葵花宝典之二
    2025-02-28 18:01
    傻小胖的博客 异步和批量更新支持异步更新，React 可以批量处理多个状态更新，提升性能。生命周期管理：通过setState，React 能够触发生命周期钩子，确保组件正确更新。性能优化可以通过智能的差异化更新减少不必要的 DOM 操作，...
  • React基础知识一
    2024-11-21 08:46
    ScottePerk的博客 写的东西太多了，照成csdn文档编辑器都开始卡顿了，所以分篇写。需要安装下面三个包。 1.1 在html中引入CND 在html中使用react是一种简便的方式。 地址为：https://zh-hans.react.dev/learn/installation 需要引入...
  • AI编程效率翻倍指南：巧用Trae+高阶提示词，打造高质量代码
    2026-01-13 17:20
    lynnlovemin的博客 AI 编程为软件开发领域带来了前所未有的变革，Trae 等智能工具与合理编写提示词的结合，已成为开发者提升效率、突破技术瓶颈的关键。展望未来，随着 AI 技术的持续演进，我们有理由期待更智能、更高效的编程工具出现...
  • React面试题笔记（一）
    2024-10-13 02:29
    奇妙的星月的博客 React面试题笔记（一）
  • ​React Compiler如何静态分析Hooks依赖链？
    2025-07-04 01:12
    前端布洛芬的博客 这种"依赖陷阱"，估计每个React开发者都踩过至少10次以上。 根据Stack Overflow的最新数据，"React Hooks依赖"相关问题的搜索量在2024年暴涨了370%，仅次于"前端性能优化"和"TypeScript类型体操"。更扎心的是，在...
  • 没有解决我的问题, 去提问

问题事件

  • 已结题 （查看结题原因） 6月7日
  • 创建了问题 10月16日