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

【问题标题】：How can I detect source errors for a video rendered using React?如何检测使用 React 渲染的视频的源错误？
【发布时间】：2017-03-10 21:03:28
【问题描述】：

我有一个渲染视频的反应组件子类：

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

我需要将error 事件的事件侦听器附加到视频源，在它创建后的某个时间但在它呈现之前。我该怎么做？

【问题讨论】：

【解决方案1】：

您可能不想动态附加事件。相反，只需将事件放在上面并在事件中添加一些 if 条件。

如果你真的想动态附加它，那么做：

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

如果您要从父级向下传递条件，则使用 this.props.someCondition。

如果您的条件不在 state 或 props 中，那么它需要是。

如果这不是您想要的，请发布更多上下文。听起来你想要componentWillMount 函数

【讨论】：