使用顶层更改响应渲染

Posted 2023-04-14

【中文标题】使用顶层更改响应渲染

【英文标题】：React rendering with top level changes

【发布时间】：2021-09-05 20:32:23

【问题描述】：

大多数地方建议在***内部应用组件中显示微调器或全局模式。不管我们如何管理它们，这将意味着***组件中的状态更改，然后重新渲染，然后所有子组件都将重新渲染。这是否比仅在需要它的组件内渲染模式或微调器更昂贵？即使这意味着重复代码。我的意思是，只要我们不必重新渲染整个组件树，我们就可以忍受一些代码重复。也许我对反应不是很有经验，在这里错过了一些基本的东西

【参考方案1】：

在我看来，这取决于上下文。如果您正在加载影响整个应用程序的数据（身份验证信息、功能标志等），则加载程序应该位于顶层（因为整个应用程序应该在数据加载后实际刷新）。

另一方面，您可以将加载器模式与实际组件树的根并排添加，这样就不会导致整个视图重新呈现，这完全取决于设计/要求。