我们有一个要求，即我们必须在网格中的多个位置渲染出 react 组件的同一实例，并根据屏幕宽度显示和隐藏这些组件。例如。例如，我们的产品模块组件设置为在移动设备上显示在位置 3，在桌面设备上显示在位置 5。
人们提出的一个问题是性能问题，事实上我们将在页面上拥有同一组件的多个实例(我们有 6 个断点，因此最坏的情况是一个组件将在不同位置渲染 6 次)多次与听众等，但实际上只有少数是可见的。有没有一种方法可以让 React 组件“休眠”，除非它实际上可见，从而减少页面上的负载？
最佳答案
您可能需要在组件上放置一些条件渲染。
阅读 here 中的内容.
关于javascript - 隐藏的React组件，如何 "turn off"监听/降低性能开销？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40545826/