我的反应中有这行html，不断给我这个错误
获取http://localhost:3000/icons.svg 404（未找到）
<svg className="olymp-menu-icon">
<use xlinkHref="./icons.svg#olymp-menu-icon" />
</svg>
我的目录设置如下
HTML页面（主目录）
Login.js（当前正在使用此组件）
icons.svg（与Login.js位于同一目录中）
这是我icons.svg中的摘录
<symbol id="olymp-menu-icon" viewBox="0 0 41 32">
<title>menu-icon</title>
<path d="M4.571 0h-4.571v4.571h4.571v-4.571zM9.143 0v4.571h32v-4.571h-32zM13.714 13.714h-13.714v4.571h13.714v-4.571zM18.286 13.714v4.571h4.571v-4.571h-4.571zM27.429 18.286h13.714v-4.571h-13.714v4.571zM0 32h32v-4.569h-32v4.569zM36.571 32h4.571v-4.569h-4.571v4.569z"></path>
</symbol>
答案 0 :(得分：0)
您可以这样做。
create-react-app示例：https://github.com/facebook/create-react-app/blob/26f701fd60cece427d0e6c5a0ae98a5c79993640/packages/react-scripts/fixtures/kitchensink/src/features/webpack/SvgComponent.js
// in Login.js
import { MenuIcon } from './icons.svg';
// use
<MenuIcon id="icon" />
您应用此。