使用 Redux 和组件状态是个好主意吗？答案

【问题标题】：Use Redux and component state is a good idea?使用 Redux 和组件状态是个好主意吗？
【发布时间】：2020-11-05 02:24:13
【问题描述】：

我正在一些应用程序中实现 redux，我对最佳方法有疑问。

在我的应用程序的大部分部分，redux 都满足了我的需求（基本上是 ssot），但对于一些小动作，我认为它需要大量引导（即使使用 redux 工具包），比如加载屏幕等。

所以我的主要问题是：可以在应用程序中同时使用组件状态和 redux 状态吗？这种同时使用两种状态的方法是否会对性能产生影响？

假设我的 redux 状态具有异步功能，并且我正在从这样的组件调度：

useEffect(() => {
  dispatch(getUserState());    
}, []);

但我需要一个加载状态，我正在这样处理：

const [isLoading, setIsLoading] = useState(true)
useEffect(() => {
  dispatch(getUserState())
     .then(() => { setIsLoading(false) }).catch(error => { console.log(error) });
}, []);

然后，我没有修改我的减速器来获取 isLoading 道具，而是直接在组件中处理它。（这不是我的代码的直接示例，而是一种表示形式）。

您认为加载状态、隐藏/显示子组件等的最佳方法是什么？

提前致谢。

【问题讨论】：

标签： reactjs redux react-redux

【解决方案1】：

混合使用 redux 和组件级状态时不会出现冲突或性能问题。经验法则，默认使用组件级状态，如果该特定状态需要被应用程序的任何其他部分访问，或者希望被持久化，或者满足架构需求，请将它们放在 Redux 上。

【讨论】：