如何在音频元素上使用React媒体合成事件监听器
How can I use the React media synthetic event listener on an audio element?
facebook/Rect在此页面上列出"媒体事件":
https://facebook.github.io/react/docs/events.html
我正在尝试在暂停/播放时执行一个功能,这就是我正在尝试的:
<audio
id="globalAudio"
onPlay={this._onPlay}
onPause={this._onPause}>
</audio>
但我的功能并没有启动。我知道我可以添加一个事件监听器,比如:
let ga = document.getElementById("globalAudio");
ga.addEventListener("play", this._onPlay);
ga.addEventListener("pause", this._onPause);
但我想知道如何准确地使用他们在上面的链接中谈论的syntheticEvent,或者是否有其他惯例可以遵循react来收听这样的事件。
我需要升级react。我仍然在使用他们在待办事项列表教程中列出的版本。
相关文章:
- React重新渲染但未显示正确的组件
- 内部分区字体大小获胜'调整浏览器窗口大小时不会随媒体查询而更改
- React组件等待所需道具进行渲染
- React中的数据集表示
- Webpack开发服务器和React服务器端渲染
- React Redux错误页面管理
- react.js中的密钥绑定
- 如何在react js中将值从一个组件发送到另一个组件
- React Native通过Navigator将用户输入数据传递到选项卡栏IOS中的组件
- React:按键的性能提升
- 如何在react js中从一个页面导航到另一个页面
- React组件-设置页面标题
- 为react组件传递道具的最佳方式
- 如何使用带有Preact的React路由器
- 使用Jest测试React Native应用程序
- 为什么我的点击事件没有使用 react js 触发
- 如何在音频元素上使用React媒体合成事件监听器
- 如何在React中管理标题、元标签等,使用服务器渲染+流媒体
- React中的内联CSS样式:如何实现媒体查询
- 将带有媒体查询的样式表链接到React组件