反应中的 HTML5 音频标签

Question

我想在我的反应应用程序中使用一个简单的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指出的那样，上面的代码很好，所以我会把它作为答案。