@u-wave/react-vimeo组件onPlay回调函数无响应问题求助
解决@u-wave/react-vimeo回调函数不生效的问题
- 问题根源:@u-wave/react-vimeo的回调事件不能直接以
onPlay这类驼峰式props传递,必须通过events属性统一配置,且事件名使用Vimeo Player API的原生小写命名。 - 修复步骤:
- 将需要监听的事件(比如播放、暂停)包装成一个对象,键为小写的事件名(如
play),值为对应的回调函数。 - 把这个对象作为
events属性传给Vimeo组件。
- 将需要监听的事件(比如播放、暂停)包装成一个对象,键为小写的事件名(如
修改后的核心代码示例:
import Vimeo from "@u-wave/react-vimeo"; function App() { return ( <div className="App"> <Vimeo video="76979871" events={{ play: () => console.log("视频开始播放"), pause: () => console.log("视频暂停") }} /> </div> ); } export default App;
- 验证:修改后点击播放按钮,控制台就能正常输出预期日志了。
内容的提问来源于stack exchange,提问作者eferesen
相关产品推荐
相关产品推荐

