无法导入概述的svg图标组件材料-ui

Question

我通过反应应用程序使用材料图标。我想用循环检查。

我可以导入并使用check_circle图标，如下所示

import CheckCircle from 'material-ui/svg-icons/action/check-circle';

还有另一个名为circle_check_outline的图标，我无法通过正常的导入行导入

import CheckCircleOutline from 'material-ui/svg-icons/action/check-circle-outline';

它给出了Can't resolve 'material-ui/svg-icons/action/check-circle-outline'错误

我尝试下载图标并按照stackoverflow中的Marson Mao's answer to a similar question中的建议进行渲染

import SvgIcon from 'material-ui/SvgIcon';
import CheckCircleOutline from '../../assets/check-circle-outline.svg';

  <SvgIcon>
    {CheckCircleOutline}
  </SvgIcon>

然后我收到以下错误

Uncaught TypeError: Cannot read property 'svgIcon' of undefined
    at SvgIcon.render

我也在同一个问题上尝试过Joey T的回答。使用npm install @material-ui/[email protected]安装@ material / icons包

并导入图标如下

import CheckCircleOutline from '@material/icons/CheckCircleOutline';

仍然得到错误

Can't resolve '@material/icons/CheckCircleOutline'

我正在使用material-ui v0

Answer 1

material-ui没有check-circle-outline图标，因此导入时会出错。你可以做的是从@ material-ui / icons获取最新的图标，然后导入它们

使用以下命令安装程序包

npm install @material-ui/icons

然后导入它，

import CheckCircleOutline from '@material-ui/icons/CheckCircleOutline';

Answer 2

试试这个。

import CheckCircleoutline from '@material-ui/icons/CheckCircleOutline';

使用<CheckCircleoutline />