html - React 应用程序中的复杂组件分层/更新

这是 React 的一个方法和技术问题。

我的应用程序需要在用户多次访问站点时逐渐显示组件。这意味着用户第一次交互时，只有一个组件。然后随着用户的进步，逐渐更多的组件“打开”和“关闭”。他们的进度存储在数据库中，因此每次他们从离开的地方开始。（基本上就像一个游戏）。

我的问题：如何在页面组件级别保持简单。我将大约 30-40 个组件分层到一个页面中，该页面打开和关闭组件，并且必须在所有组件之间保持持久性，以便应用程序快速知道从哪里获取。

是否有 React 技术来支持这种类型的复杂分层/渲染？

标签： htmlreactjsstate