javascript - 不必要的 React.Fragment 性能会很差吗?

标签 javascript reactjs

最近,我发现我们公司的代码性能很差。当我检查代码时,有很多这样的代码:

condition ? <SomeComponent /> : <></>

他们使用 Fragment 作为 null 的替代品。这段代码会出现性能问题吗?

最佳答案

碎片不太可能导致(如果有的话)明显的性能问题。这样answer突出显示,片段实际上并不创建额外的 DOM 节点。

话虽如此,react docs当您根本不希望组件呈现时,确实建议使用 null,但我再次认为使用它们不会是应用程序速度缓慢的根本原因。

我会考虑潜在的不必要的重新渲染,尤其是在发生状态更改的情况下由父组件重新渲染的嵌套子组件。

我也一定会看看 React Profiler并用它来了解导致性能问题的原因。

关于javascript - 不必要的 React.Fragment 性能会很差吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/70750129/

相关文章:

javascript - 将表单数据发送到 vanilla js

javascript - 绕过自定义登录页面

javascript - React.map 已定义但显示未定义

javascript - 从请求中分派(dispatch) redux 操作的正确方法

javascript - 如何分离字符串并推送到 react 状态?

javascript - react : "Module not found: Can' t resolve"Path error

javascript - 如何使用 Three.js 获取纹理尺寸

javascript - html datalist for contenteditable(非输入标签)

javascript - jQuery 检查选​​择了什么选项

javascript - Popover 组件 - onExited 回调不起作用, Material ui