Html 具有单向流动的React音频组件的流量

Html 具有单向流动的React音频组件的流量,html,audio,reactjs,flux,Html,Audio,Reactjs,Flux,我正在使用html5音频组件开发一个简单的flux/react音频播放器 我知道flux的一个关键原则是数据应该单向流动 操作->存储->组件 “商店”应该是真理的源泉 在这个特定场景中,我很难遵循这些原则,因为数据必须来自音频组件,例如mp3的持续时间是音频组件api的一部分,以及它的当前位置 我想也许我可以使用一个动作将所有初始数据传递给,并用新的曲目位置更新它(当用户播放剪辑时),但这感觉真的很难看。。。考虑到这一点,我如何遵守流量原则?React路由器的一位创建者喜欢说,“谁拥有数据?”

我正在使用html5音频组件开发一个简单的flux/react音频播放器

我知道flux的一个关键原则是数据应该单向流动

操作->存储->组件

“商店”应该是真理的源泉

在这个特定场景中,我很难遵循这些原则,因为数据必须来自音频组件,例如mp3的持续时间是音频组件api的一部分,以及它的当前位置


我想也许我可以使用一个动作将所有初始数据传递给,并用新的曲目位置更新它(当用户播放剪辑时),但这感觉真的很难看。。。考虑到这一点,我如何遵守流量原则?

React路由器的一位创建者喜欢说,“谁拥有数据?”如果是应用程序,那么它就属于商店。如果它完全包含在一个组件中,那么该组件可以管理自己的状态


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

谢谢Hal,这是我最终采用的实现,我认为这是有意义的。