Question

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

这段代码给我错误

元素类型无效：预期为字符串（对于内置组件）或类/函数（用于复合组件），但得到：未定义。您可能忘记了从定义的文件中导出组件，否则您可能混淆了默认导入和命名导入。

如果我将其从“列表”更改为

之类的东西，或者工作正常。

任何线索，这是怎么回事？

谢谢

Answer 1

我怀疑您输入的声明错误。如果这是默认导出，则导出的外观应该是

import InsertDriveFileOutlinedIcon  from '../containers/InsertDriveFileOutlinedIcon'

但是，如果它不是默认导出，则应该对其进行销毁。

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

元素类型无效React

1 个答案: