javascript - React 中的 HTML5 音频标签

Question

我想在我的 React 应用程序中使用一个简单的 HTML5 音频标签。我的组件如下所示:

import React from 'react'

class AudioPlayer extends React.Component {
  render() {
    return (
      <div>
        <audio ref="audio_tag" src="./static/music/foo.mp3" controls autoPlay/>
      </div>
    );
  }
}

export default AudioPlayer;

但它就是不会播放。我也没有收到任何错误。我现在已经将 mp3 文件放在我应用程序的每个文件夹中，并尝试了不同的路径等，但它似乎无法识别它。我是否遗漏了一些微不足道的东西？

Answer 1

我不小心使用了损坏的音频文件，所以这解释了为什么我的解决方案没有“奏效”。正如 Jordan Running 指出的那样，上面的代码很好，所以我将把它留作答案。