基本上，我想要做的是将一个 SVG 图标导入到我的 React 组件中并为其添加道具。喜欢size="24px"让它作为一个组件更灵活。或者通过添加className道具使其可使用 CSS 进行编辑（这样我就可以向它添加例如悬停道具）。由于这是我第一次在 Webpack 中使用 TypeScript，我对如何为 SVG 元素声明类型感到困惑，但出现错误（如下所示）
由于包含 SVG 的方法有很多种，我决定将其作为 ReactComponent 导入。
菜单图标.svg
<svg width="24" height="24" viewBox="0 0 24 24">
<path fill="currentColor" fillRule="evenodd" d="M4.5 5h15a.5.5 0 1 1 0 1h-15a.5.5 0 0 1 0-1zm0 6h15a.5.5 0 1 1 0 1h-15a.5.5 0 1 1 0-1zm0 6h15a.5.5 0 1 1 0 1h-15a.5.5 0 1 1 0-1z"></path>
</svg>
header.tsx（这里我想要我的 svg 图标）
import React from 'react';
import MenuIcon from '../assets/menu-icon.svg';
const Header: React.SFC = () …