我们有一个小型 React 应用程序，其中有一个页面，我们以可折叠树格式呈现非常大的 xml。
XML 大约有 10k 行。我们有各种用于 xml 打开、关闭标签、正文和属性等的组件。这是只读 xml View ，只有折叠和展开 xml 标签的选项。渲染大约需要 6-7 秒。
有什么办法可以加快速度吗？
最佳答案
- 仅加载您需要的组件 (
react loadable/dynamic imports and React.lazy) - 仅重新渲染您需要的部分(
React.memo以及useMemo()和useCallback()) -
Before fixing re-renders, fix slow renders - 仅渲染窗口中可见的部分(
react window)
关于reactjs - React 性能问题渲染数千个组件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/71107466/