反应物料表：“更改树”展开图标

Question

我正在使用Material-table，尤其是Tree-data： 。

在实施确切的示例时，我无法收到箭头图标。就像：

您能告诉我我应该传递给图标对象的什么内容，以便在打开图标时可以呈现向右箭头和向下箭头吗？ 以前我在排序箭头时遇到了同样的问题，但是后来我发现我应该将SortArrow传递给MaterialTable组件的icons属性。

Answer 1

尝试将图标样式表导入到您的index.html，如下所示：

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

有关导入图标（其他方式）的更多详细信息，可以检查以下链接： https://material-ui.com/components/icons/#installation

关于如何呈现特定图标的信息，您可以查看以下链接： https://material-ui.com/components/material-icons/#material-icons

（P.S。据我所知，已经在材质表中设置了默认图标。因此，除非您需要自定义图标，否则仅导入样式表就足够了。）

Answer 2

经过研究，我发现可以将 DetailPanel 放在我的图标属性中：

import { ChevronRight } from "@material-ui/icons";

    icons={{
            DetailPanel: ChevronRight,
          }}

所以这使得表像：