Reactjs 从非导入的src播放音频

我想用reactjs播放音频，src来自数据库，并更改src dynamicali。
因此，我可以播放导入的音频，但如果不导入，则会出现错误：

HTTP "Content-Type" of "text/html" is not supported. Load of media resource http://localhost:3000/audio-lib/soundTest.mp3 failed.

如何替换这个：state={audioSrc:soundTest}通过如下方式：state={audioSrc:“../audio lib/soundTest.mp3”}

此代码有效，但我想删除导入：

// I don't want this import
import soundTest from "../audio-lib/soundTest.mp3"
...
 state = { audioSrc: soundTest};
...
  render () {
        return(
            <audio
                controls
                ref={ ref => this.player = ref} >
                <source src={this.state.audioSrc} type="audio/mp3"/>
            </audio>        
        );
    }

//我不想进行此导入
从“./audio lib/soundTest.mp3”导入声音测试
...
状态={audioSrc:soundTest}；
...
渲染（）{
返回(
this.player=ref}>
);
}

为了解决这个问题，我使用了react sound软件包。 有了这个组件，可以很容易地从作为道具传递的url加载声音。 npm文件：