javascript - React redux 收藏夹 Action

Question

我是 react-redux 世界的新手，在可视化一段复杂的数据流时遇到了一些困难(我认为)。

假设状态包含一组轨道和一组最喜欢的轨道 ID。用户可以从许多不同的组件中收藏一首轨道，例如音乐播放器、轨道列表、图表和所有其他内容都必须重新呈现。

目前，我正在触发一个操作，将轨道 ID 添加到收藏夹数组或从收藏夹数组中删除。但我不太明白如何从那里着手。

我的计划是触发另一个 Action ，例如trackItem reducer 监听并继续。或者每个相关的组件都可以直接订阅收藏夹集合的变化吗？或者我可以让两个 reducer 监听同一个 Action 吗？我现在知道如何实现类似的东西，而且我有一种直觉，我走错了路。

感觉我正在努力摆脱我的 Backbone 木偶习惯。你会怎么做？

我的另一个计划是在跟踪项 json 中有一个 isFavorite bool 值，并使用操作/减少来更新/切换该属性。我明白 normalizr将合并具有相同 ID 的实例，因此任何订阅其更改的组件都会使用react。

Answer 1

Or could each related component directly subscribe to changes of the favorites collection

他们可以。但是这些组件都共享一些父组件吗？如果是这样，我会让那个父组件订阅收藏夹数组的状态变化，并将其作为 Prop 传递给需要它的组件。

我建议认真阅读 redux 文档:https://rackt.github.io/redux/

特别是 React 的用法:https://rackt.github.io/redux/docs/basics/UsageWithReact.html

通常，您会有一个为路由呈现的“智能”组件，它会订阅 redux 存储并传递其嵌套的“哑”组件所需的数据。

因此，让您的智能组件订阅收藏夹数组的状态变化，并将其作为 prop 传递给需要它的组件。