Flux with React Audio Component 以一种方式流动

Question

我正在使用 html5 音频组件在 Flux/React 中开发一个简单的音频播放器。

我明白 Flux 的关键原则之一是数据应该以一种方式流动。

动作->存储->组件

“商店”应该是真相的来源。

在这种特定情况下，我在遵循这些原则时遇到了困难，因为数据必须来自音频组件，例如 mp3 的持续时间是音频组件 api 的一部分，以及它的当前位置。

我想也许我可以使用一个动作将所有初始数据传递给并用新的轨道位置更新它（当用户正在播放剪辑时）但这感觉真的很难看......我如何遵守通量原则考虑到这一点？

Answer 1

React Router 的创建者之一喜欢说：“谁拥有数据？”如果是应用程序，那么它属于商店。如果它完全包含在一个组件中，则该组件可以管理自己的状态。

在这种情况下，我认为最好的情况是它应该由组件本身来处理。也许如果音频被中断/暂停，该操作可能会反过来通知可以保存位置等的商店，但这可能只有在页面上只有一个玩家时才是正确的。