reactjs - 错误和加载是否应该存储在 store 或 state 中？

Question

我在试图弄清楚我应该在哪里存储加载或错误状态等内容时遇到问题。

假设我有一个 react 组件，它从挂载的服务器获取数据。我正在做的是发送一个 Action FETCH_SOME_DATA ，它将通过中间件处理异步部分，而中间件又将调度 FETCH_SOME_DATA_SUCCESS或 FETCH_SOME_DATA_FAILURE取决于异步请求的结果。

现在，我想要做的是在我获取数据时向用户展示正在发生的事情，所以我需要一些让我知道正在加载的东西。我想我可以让 reducer 对我的 FETCH_SOME_DATA 使用react操作并更新我的商店以切换 isLoading值，但这是我遇到问题的地方:对我来说，这不应该在商店中，而应该在组件的状态中。

我想这可能很奇怪，所以原因如下:假设我正在显示博客的最后 5 篇文章和整个列表(分页)，如果用户单击“，我不希望它们都显示加载器”查看更多文章”在我的整个列表中......

与错误相同，真的。假设我的新闻获取失败。我不希望我的两个组件都显示错误。它们应该是独立的——每个组件都应该尝试获取其数据并相应地对错误使用react。

我希望我很清楚......我想我对这个主题有强烈的意见，但每个人似乎都有不同的想法，但我不明白为什么。希望你们向我解释在哪里存储“临时数据”以及为什么。

谢谢!

Answer 1

redux 之一priciples是你有一个单一的事实来源。您的应用程序将只有一个状态 - 此状态由商店管理。您的状态不仅包含从服务器获取的数据，还包含有关 UI 当前状态的信息。因此，如果您想为当前事件的异步请求呈现加载指示器，则此信息将存储在状态中而不是组件中。