某些情况可以使我们的开发变得困难,例如从代码不同部分的视频事件的更新而没有一致性。这使得不可读的代码不可阅读且难以维护。视频反应钩代表挂钩形状的视频事件,可以在视频或其他需要受视频事件影响的组件中使用整个应用程序。
每个基于视频事件的钩子,并在合适的事件将发射时执行,挂钩将在视频将初始化后,而不是像React Do一样在渲染之后执行挂钩,但是在Hood Video-React-React-React-React-Hooks下也使用了React Hooks。
简单用法
import { useReadyEffect, usePlayingEffect, usePauseEffect } from 'video-react-hooks';
export const VideoComponent = () => {
useReadyEffect(() => {
//executed when video is ready
}, []);
usePlayingEffect(() => {
//executed when video is playing
}, []);
usePauseEffect(() => {
//executed when video is paused
}, []);
return (//jsx);
}