React 中的 HTML5 音频标签

我想在我的 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 文件放入应用程序中的每个文件夹中，并尝试了不同的路径等，但它似乎无法识别它。我可能错过了一些微不足道的事情吗？

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