Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/415.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何检测使用React渲染的视频的源错误?_Javascript_Html_Reactjs_Html5 Video - Fatal编程技术网

Javascript 如何检测使用React渲染的视频的源错误?

Javascript 如何检测使用React渲染的视频的源错误?,javascript,html,reactjs,html5-video,Javascript,Html,Reactjs,Html5 Video,我有一个react component子类,用于渲染视频: render() { return ( <video id="video"> <source src={this.props.src} type="video/mp4" /> </video> ); } render(){ 返回( ); } 我需要在创建错误事件后的某段时间,但在渲染之前,将该事件的事件侦听器附加到视频源。如何执行此操作?您可能不希望动态附加事件

我有一个react component子类,用于渲染视频:

render() {
  return (
    <video id="video">
      <source src={this.props.src} type="video/mp4" />
    </video>
  );
}
render(){
返回(
);
}

我需要在创建
错误
事件后的某段时间,但在渲染之前,将该事件的事件侦听器附加到视频源。如何执行此操作?

您可能不希望动态附加事件。相反,只需在事件上设置事件,并在事件中设置一些if条件

如果确实要动态附加,请执行以下操作:

<video id="video" onError={this.state.someCondition ? myFunc : null}>
  <source src={this.props.src} type="video/mp4" />
</video>

或者使用
this.props.someCondition
如果您要从父级传递条件

如果你的情况不在状态或道具中,那么它将需要

如果这不是你想要的,请发布更多内容。听起来你想要这个功能