当用户浏览SPA应用程序时，React.js实例化其组件的次数是多少？

Question

标题说明了一切。我很好奇在SPA应用程序中，组件实例化在React.js中是如何工作的。当用户导航到新的URL（“页面”）时，不再使用的组件会发生什么？如果用户在两个页面之间来回移动，那么不同组件将被实例化多少次？当有许多不同的屏幕时，更大的应用程序呢？他们的所有组件都会以某种方式缓存吗？

Answer 1

如果您呈现 it ，现在您不会呈现它，它已被删除，以及GC收集 it 。请参阅WiredPrairie的link，其中解释了 it 的构成。

这适用于每个级别：

• 路由器
  • 几乎总是有条件的存在，只有路线所需要的
• 标签，手风琴，下拉列表项等
  • 因：
  而异
  • 能见度
  • 存在
  • 基于滚动位置的部分存在（最佳性能，最困难）
    • 查看＆＃39;无限表＆＃39;技术

这只是权衡;小树可以切换能见度，而较大的树木应该切换存在。