Невозможно импортировать выделенный значок компонента SVG материал-пользовательский интерфейс

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' ошибка

Я попытался загрузить значок и отобразить его, как предложено в ответе Марсона Мао на аналогичный вопрос в stackru

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

Я также попробовал ответ Джоуи Т на тот же вопрос. Установлен пакет @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

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