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

Question

我有一个反应组件子类，它呈现一个视频：

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

我需要将error事件的事件监听器附加到视频源之后的某个时间，但在它被渲染之前。我该怎么做？

Answer 1

您可能不想动态附加活动。相反，只需要在其上有事件并在事件中有一些if条件。

如果您确实想要动态附加它，请执行以下操作：

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

如果您从父母那里传递条件，请使用this.props.someCondition。

如果您的状况不在状态或道具中，那么它将需要。

如果这不是您想要的，请发布更多背景信息。听起来像你想要componentWillMount功能