如何在react-redux中实现过滤或搜索？

Question

我是react-redux的新手。

场景：在应用加载时，我从后端到redux获取10个项目的列表。现在说，我应用了一个过滤器，它从redux获取结果并显示3个项目，但后端仍然有10个项目。然后我该如何显示这10个项目？

每当用户应用过滤器时，我应该从api获取数据吗？如果是，那么redux在这里有什么好处？

Answer 1

Redux是JavaScript应用程序的可预测状态容器，因此假设您有10个组件需要以某种方式使用您的数据;一个计算总数，另一个计算最后5个等...使用redux你只需从任何点更新你的状态，所有组件都表现为变化。

场景一：Facebook有一个显示消息列表的组件，另一个组件显示未读消息列表，另一个组件旁边的朋友旁边有消息给你的是说新消息...而不是每个组件都必须使用redux分别获取这些数据，您可以获取所有内容并将其传递到正确的位置。

场景二：假设您的某个组件有一个输入字段，一旦您在其中编写了一条消息，您希望其他组件以某种方式做出反应。使用redux，您只需将数据传递到reducer中，然后将其委派给所有组件。

如何在react-redux中实现过滤或搜索？

要回答你的问题，它实际上取决于应用程序的类型和大小，但我通常在组件中而不是在reducer中实现过滤器。