Javascript 我的图标不显示（材质ui）。有人能指导我如何修理它吗？

我想问你为什么我的图标没有出现在C#react中。我尝试了很多不同的解决方案，但没有一个对我有效。也许你们中的一个人知道解决办法，知道如何解决。这是我正在编写的代码：`

return (
    <MaterialTable
        title="Editable Example"
        columns={state.columns}
        data={state.data}
        editable={{
            onRowAdd: (newData) =>
                new Promise((resolve) => {
                    setTimeout(() => {
                        resolve();
                        setState((prevState) => {
                            const data = [...prevState.data];
                            data.push(newData);
                            return { ...prevState, data };
                        });
                    }, 600);
                }),
            onRowUpdate: (newData, oldData) =>
                new Promise((resolve) => {
                    setTimeout(() => {
                        resolve();
                        if (oldData) {
                            setState((prevState) => {
                                const data = [...prevState.data];
                                data[data.indexOf(oldData)] = newData;
                                return { ...prevState, data };
                            });
                        }
                    }, 600);
                }),
            onRowDelete: (oldData) =>
                new Promise((resolve) => {
                    setTimeout(() => {
                        resolve();
                        setState((prevState) => {
                            const data = [...prevState.data];
                            data.splice(data.indexOf(oldData), 1);
                            return { ...prevState, data };
                        });
                    }, 600);
                }),
        }}
    />
);

返回(
新承诺（（决议）=>{
设置超时（（）=>{
解决（）；
设置状态（（prevState）=>{
const data=[…prevState.data]；
data.push（newData）；
返回{…prevState，data}；
});
}, 600);
}),
onRowUpdate：（新数据、旧数据）=>
新承诺（（决议）=>{
设置超时（（）=>{
解决（）；
如果（旧数据）{
设置状态（（prevState）=>{
const data=[…prevState.data]；
数据[data.indexOf（oldData）]=新数据；
返回{…prevState，data}；
});
}
}, 600);
}),
onRowDelete：（旧数据）=>
新承诺（（决议）=>{
设置超时（（）=>{
解决（）；
设置状态（（prevState）=>{
const data=[…prevState.data]；
数据拼接（数据索引OF（旧数据），1）；
返回{…prevState，data}；
});
}, 600);
}),
}}
/>
);

}`

---

如果图标丢失：如果您发现这一行，请仔细检查您的

index.html

文件：

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />

---

打开类似谷歌浏览器的浏览器

点击

F12

并进入网络-选项卡

---

在加载字体时，查找任何表示错误的错误。

我找到了问题的解决方案。代码如下：

import { forwardRef } from 'react';
import MaterialTable from 'material-table';
import AddBox from '@material-ui/icons/AddBox';
import ArrowDownward from '@material-ui/icons/ArrowDownward';
import Check from '@material-ui/icons/Check';
import ChevronLeft from '@material-ui/icons/ChevronLeft';
import ChevronRight from '@material-ui/icons/ChevronRight';
import Clear from '@material-ui/icons/Clear';
import DeleteOutline from '@material-ui/icons/DeleteOutline';
import Edit from '@material-ui/icons/Edit';
import FilterList from '@material-ui/icons/FilterList';
import FirstPage from '@material-ui/icons/FirstPage';
import LastPage from '@material-ui/icons/LastPage';
import Remove from '@material-ui/icons/Remove';
import SaveAlt from '@material-ui/icons/SaveAlt';
import Search from '@material-ui/icons/Search';
import ViewColumn from '@material-ui/icons/ViewColumn';

const tableIcons = {
Add: forwardRef((props, ref) => <AddBox {...props} ref={ref} />),
Check: forwardRef((props, ref) => <Check {...props} ref={ref} />),
Clear: forwardRef((props, ref) => <Clear {...props} ref={ref} />),
Delete: forwardRef((props, ref) => <DeleteOutline {...props} ref={ref} />),
DetailPanel: forwardRef((props, ref) => <ChevronRight {...props} ref={ref} />),
Edit: forwardRef((props, ref) => <Edit {...props} ref={ref} />),
Export: forwardRef((props, ref) => <SaveAlt {...props} ref={ref} />),
Filter: forwardRef((props, ref) => <FilterList {...props} ref={ref} />),
FirstPage: forwardRef((props, ref) => <FirstPage {...props} ref={ref} />),
LastPage: forwardRef((props, ref) => <LastPage {...props} ref={ref} />),
NextPage: forwardRef((props, ref) => <ChevronRight {...props} ref={ref} />),
PreviousPage: forwardRef((props, ref) => <ChevronLeft {...props} ref={ref} />),
ResetSearch: forwardRef((props, ref) => <Clear {...props} ref={ref} />),
Search: forwardRef((props, ref) => <Search {...props} ref={ref} />),
SortArrow: forwardRef((props, ref) => <ArrowDownward {...props} ref={ref} />),
ThirdStateCheck: forwardRef((props, ref) => <Remove {...props} ref={ref} />),
ViewColumn: forwardRef((props, ref) => <ViewColumn {...props} ref={ref} />)
};
...
        <MaterialTable
        icons={tableIcons}
...

从'react'导入{forwardRef}；
从“物料表”导入物料表；
从“@material ui/icons/AddBox”导入AddBox；
从“@material ui/icons/arrowdown”导入向下箭头；
从“@material ui/icons/Check”导入检查；
从“@material ui/icons/ChevronLeft”导入ChevronLeft”；
从“@material ui/icons/ChevronRight”导入ChevronRight；
从“@material ui/icons/Clear”导入清除；
从“@material ui/icons/DeleteOutline”导入DeleteOutline；
从“@material ui/icons/Edit”导入编辑；
从“@material ui/icons/FilterList”导入过滤器列表；
从“@material ui/icons/FirstPage”导入第一页；
从“@material ui/icons/LastPage”导入LastPage；
从“@material ui/icons/Remove”导入删除；
从“@material ui/icons/SaveAlt”导入SaveAlt；
从“@material ui/icons/Search”导入搜索；
从“@material ui/icons/ViewColumn”导入ViewColumn；
常数表图标={
添加：forwardRef（（道具，ref）=>），
检查：forwardRef（（道具，ref）=>），
清除：forwardRef（（道具，ref）=>），
删除：forwardRef（（道具，ref）=>），
DetailPanel:forwardRef（（道具，ref）=>），
编辑：forwardRef（（道具，ref）=>），
导出：forwardRef（（道具，ref）=>），
过滤器：forwardRef（（道具，ref）=>），
首页：forwardRef（（道具，ref）=>），
最后一页：forwardRef（（道具，ref）=>），
下一页：forwardRef（（道具，ref）=>），
上一页：forwardRef（（道具，ref）=>），
ResetSearch:forwardRef（（道具，ref）=>），
搜索：forwardRef（（道具，ref）=>），
SortArrow:forwardRef（（道具，ref）=>），
第三阶段检查：forwardRef（（道具，ref）=>），
ViewColumn:forwardRef（（道具，ref）=>）
};
...
是的，我已经包括了这些行。