最近,我发现我们公司的代码性能很差。当我检查代码时,有很多这样的代码:
condition ? <SomeComponent /> : <></>
他们使用 Fragment 作为 null 的替代品。这段代码会出现性能问题吗?
最佳答案
碎片不太可能导致(如果有的话)明显的性能问题。这样answer突出显示,片段实际上并不创建额外的 DOM 节点。
话虽如此,react docs当您根本不希望组件呈现时,确实建议使用 null
,但我再次认为使用它们不会是应用程序速度缓慢的根本原因。
我会考虑潜在的不必要的重新渲染,尤其是在发生状态更改的情况下由父组件重新渲染的嵌套子组件。
我也一定会看看 React Profiler并用它来了解导致性能问题的原因。
关于javascript - 不必要的 React.Fragment 性能会很差吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/70750129/