我的路由器上有一个存储歌曲和照片的u盘，可以在wifi上共享，还有一个简单的html文件，用来像页面一样显示。现在我试着在react。js
在html中我只需要
<audio controls>
<source src="the path" type="audio/mpeg">
</audio>
和图像也很简单，但在react上我找不到一个关于如何做到这一点的教程，所有关于这件事的答案都涉及道具，导入，github项目安装等。用JSX显示图像或mp3文件最"简单"的方式是什么?Localhost3000只显示图像损坏，即使文件在同一台计算机上。
这很容易实现，你就快成功了。下面的代码可以工作(您忘记关闭source标记)
<audio controls>
<source src={audio} type="audio/mpeg"/>
</audio>
在传入src之前，您还必须导入您的音频文件。这是我的要点:
import audio from 'assets/audio/song.mp3'
对我来说，song.mp3存储在我的assets目录中。我将其导入为audio，这是一个完全任意的名称，它可以是任何你想要的，只要你确保将相同的名称传递给src。
编辑:src属性也可以接受url。所以这个也可以:
<audio controls>
<source src="https://file-examples-com.github.io/uploads/2017/11/file_example_MP3_700KB.mp3" type="audio/mpeg"/>
</audio>
for第一次添加图像是像这样导入图像
import logo from './logo.png'; // path location of image file in same folder project
在之后，您可以使用以下代码放置图像
<img src={logo} alt="Logo" />