Недопустимый тип элемента - PullRequest
Новая
       5

Недопустимый тип элемента

1 голос
/ 10 апреля 2019 
import List from '@material-ui/core/List';
import ListItem from '@material-ui/core/ListItem';
import ListItemIcon from '@material-ui/core/ListItemIcon';
import ListItemText from '@material-ui/core/ListItemText';
import { InsertDriveFileOutlinedIcon } from '@material-ui/icons/InsertDriveFileOutlined';

<Grid item>
  <List>
    {policiesProcedures.map((doc, index) => (
      <ListItem button key={index}>
        <ListItemIcon>
          <InsertDriveFileOutlinedIcon />
        </ListItemIcon>
        <ListItemText primary={doc.name} />
      </ListItem>
    ))}
  </List>
</Grid>;

Этот код дает мне ошибку

Недопустимый тип элемента: ожидается строка (для встроенных компонентов) или класс / функция (для составных компонентов), но получил: undefined. Вы скорее всего забыл экспортировать ваш компонент из файла, в котором он определен, или вы могли смешать импорт по умолчанию и имя.

Если я изменю его из списка на что-то еще, например

, или оно будет работать нормально.

Есть какая-нибудь подсказка, что здесь происходит не так?

Спасибо

1 Ответ

3 голосов
/ 10 апреля 2019

Я подозреваю, что вы неправильно указали оператор импорта. Если это экспорт по умолчанию, то экспорт должен выглядеть как 

import InsertDriveFileOutlinedIcon  from '../containers/InsertDriveFileOutlinedIcon'

Однако, если это не экспорт по умолчанию, вам следует его деструктурировать. 

import {InsertDriveFileOutlinedIcon}  from '../containers/InsertDriveFileOutlinedIcon'
...