無法導入概述的SVG圖標組件Material-UI

Question

我在React應用程序中使用材質圖標。 我想使用循環檢查。

我可以按如下所示導入和使用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的答案。 使用npm install @material-ui/icons@2.0.0-beta.1 @ material / icons軟件包npm install @material-ui/icons@2.0.0-beta.1

並導入圖標如下

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 />