React-静态资源获取

React 的基本目录结构为:

所有要请求的静态文件, 应放在 public 目录下.

public 目录是获取静态文件时的 /, 即根目录.

比如 src/homepage/music.jsx 的文件内容为:

import AudioPlayer from 'react-h5-audio-player';
import 'react-h5-audio-player/lib/styles.css';

const Player = () => {
  return (
    <AudioPlayer
      autoPlay
      src="/test.mp3"
      onPlay={console.log("onPlay")}
      // other props here
    />
  );
}

export default Player

这里请求 /test.mp3, 实际上就是请求 public/test.mp3 文件.