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

Question

我是react-redux新手。

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

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

Answer 1

Redux 是 JavaScript 应用程序的可预测状态容器，因此假设您有 10 个组件需要以某种方式使用您的数据；一个用于计算总数，另一个用于显示最后 5 个等等...使用 redux，您只需从任意点更新状态，所有组件都会响应更改。

场景一:Facebook 有一个显示消息列表的组件，另一个显示未读消息列表的组件，还有另一个组件，在刚刚向您发送消息的 friend 旁边有一个徽章这表示新消息...而不是每个组件都必须使用 redux 单独获取这些数据，您可以一次获取所有内容并将其传递到正确的位置。

场景二:假设您的一个组件有一个输入字段，一旦您在其中写入一条消息，您希望其他组件以某种方式使用react。使用 redux，您只需将数据传递到您的 reducer 中，它就会在您的所有组件中被委托(delegate)。

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

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