reactjs - 商店或 this.state 中的 React 应用程序状态

Question

在通量教程中它说，“应用程序状态仅在商店中维护。” 因此，对我来说，react 的控制器视图也具有this.state通过调用setState().

将有状态的控制器视图本身用作存储不是更有意义吗？这样，“状态”一词在应用程序中出现的唯一时间是在商店中。然后每个非状态（或非存储）视图将只使用this.props.

基本上，为什么我们有使用this.state该状态的视图和管理该状态的存储 - 视图不能自己管理它？我认为这就是this.state变量的意义所在。

Answer 1

组件拥有重要数据的问题是您无法从该组件外部访问它。

例如，如果您决定每 10 秒开始将数据同步到服务器，则组件不必关心这一点。您只需编写一个从存储中获取数据并将其持久化的脚本。

此外，一些数据由没有明确或任何关系的组件共享。最常见的情况是当前用户。例如，您可能有 3 种用户可以登录的方式，以及 5 个登录状态和用户信息会影响页面视图的位置，以及他们可以从中注销的两个位置。