在Reactjs中使用HTML5音频标签

render() {
  return (
    <audio src="audio.mp3" controls />
  );
}

constructor(props) {
  super(props);
  this.state = {
    isPlaying: false
  };
}

render() {
  return (
    <audio
      src="audio.mp3"
      controls
      onPlay={() => this.setState({ isPlaying: true })}
      onPause={() => this.setState({ isPlaying: false })}
    />
  );
}

render() {
  const { isPlaying } = this.state;

  return (
    <div>
      <audio
        src="audio.mp3"
        controls
        onPlay={() => this.setState({ isPlaying: true })}
        onPause={() => this.setState({ isPlaying: false })}
      />
      <button onClick={() => this.setState({ isPlaying: !isPlaying })}>
        {isPlaying ? 'Pause' : 'Play'}
      </button>
    </div>
  );
}