react 如何展示音频文件

要在React中展示音频文件，你可以使用`<audio>`标签来实现。首先，确保你的音频文件已经被导入到你的React组件中。然后，你可以在组件的渲染方法中使用`<audio>`标签来显示音频文件，像这样：

import React from 'react';

class AudioPlayer extends React.Component {
  render() {
    return (
      <div>
        <audio controls>
          <source src={yourAudioFile} type="audio/mp3" />
          Your browser does not support the audio element.
        </audio>
      </div>
    );
  }
}

export default AudioPlayer;

在上面的代码中，`<audio>`标签用于显示音频文件。`controls`属性将会显示一个播放控制条，让用户可以播放、暂停和调整音量。`<source>`标签用于指定音频文件的来源和类型。你需要将`src`属性设置为你的音频文件的URL，并使用`type`属性来指定音频文件的MIME类型。

如果浏览器不支持`<audio>`标签，那么显示的内容将会是`Your browser does not support the audio element.`。

在你的组件中，替换`{yourAudioFile}`为你实际导入的音频文件的路径。确保你已经正确引入了音频文件，并且它在你的React组件中是可用的。

这样，当你渲染这个组件时，你将会看到一个带有播放控制条的音频播放器，用于播放你的音频文件。