0

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

我可以按如下方式导入和使用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'错误

我尝试下载图标并按照 Marson Mao 对stackoverflow 中类似问题的回答中的建议进行渲染

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 的答案。使用安装 @material/icons 包npm install @material-ui/icons@2.0.0-beta.1

并按如下方式导入图标

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

仍然收到错误

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

我正在使用材料-ui v0

4

2 回答 2

1

material-ui 没有检查圆圈轮廓图标，因此在导入时会出错。你可以做的是从@material-ui/icons 获取最新的图标，然后导入它们

使用以下命令安装包

npm install @material-ui/icons

然后导入，

import CheckCircleOutline from '@material-ui/icons/CheckCircleOutline';
于 2018-08-06T08:48:56.807 回答
1

尝试这个。

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

利用<CheckCircleoutline />

于 2018-08-06T13:47:30.130 回答