在减速器或组件中过滤数据？哪个更好？

Question

我有这个应用程序，其中我在主页上加载了一个组件，该组件显示了来自本地JSON文件的电影列表，并在App.js生命周期的componentDidMount中将其加载到商店中。

还有另一条显示单个电影详细信息的路线。

现在我有两个选择，要么创建一个动作来过滤化简器中的“所有电影”列表，然后将单个电影存储在化简器中的“初始状态”，然后在“ SingleMovie”组件中触发该动作在其componentDidMount函数中。

还是我要过滤组件本身中的所有电影列表并获取单个电影详细信息？

在性能和最佳实践方面哪个更好？

Answer 1

  

将逻辑放在组件内部还是组件外部？

一个好的做法是始终使您的组件尽可能的瘦。我的意思是，该组件是负责表示的组件，而不是处理应用程序逻辑。

在您的情况下，您应该坚持以下选项1：创建一个动作来过滤化简器中的“所有电影”列表，并将单个电影存储在化简器中的“初始状态”，然后触发

中的“ SingleMovie”组件中的操作。

Answer 2

最好在reducer中过滤数据并将其设置为一个状态，并在组件内部获取特定的过滤数据。