如何添加图标 MUI 数据表？答案

【问题标题】：如何添加图标 MUI 数据表？
【发布时间】：2021-01-13 05:02:21
【问题描述】：

我正在使用 MUI 数据表，我正在尝试将“添加图标”添加到工具栏。我试过这个：https://github.com/gregnb/mui-datatables/blob/master/examples/customize-toolbar/CustomToolbar.js 但它没有用。错误：元素类型无效：应为字符串（对于内置组件）或类/函数（对于复合组件），但得到：未定义。您可能忘记从定义组件的文件中导出组件，或者您可能混淆了默认导入和命名导入。添加此图标的正确和最简单的方法是什么？我不知道该怎么做。

【问题讨论】：

标签： reactjs mui-datatable

【解决方案1】：

正如我在提供的链接中看到的，您的类组件默认导出。因此，请确保在 MUI 数据表所在的组件中，您正在像这样导入自定义工具栏组件：

import CustomToolbar from '...path/to/CustomToolbar';

不是这样的：

import {CustomToolbar} from '...path/to/CustomToolbar';

【讨论】：

我不相信这能回答这个问题。这是关于将AddIcon添加到工具栏，不一定要如何导入CustomToolbar。
@RossSheppard 如果他完全实现了 mui-datatable 示例（在链接中），我相信错误消息将我们引向有关如何导入组件的问题。在示例中，显示组件确实已导出并且是默认类型；所以 import 是唯一需要检查的东西。
我只是想知道它是否与 AddIcon 的导入有关，不一定是 CustomToolbar。
@RossSheppard 明白了；是的，首先要研究的是 CustomToolbar 组件文件本身中的导入

【解决方案2】：

你安装包@material-ui/icons了吗？

【讨论】：