reactjs - 如何在material-ui-table组件中将图标更改为文本

Question

点击右上角的 + 图标可以在材料表中添加行。我想用“添加行”之类的文本替换该图标。但是 material-table 接受图标对象并且没有其他道具可以做到这一点。有什么办法可以做到吗？我正在使用材料表可编辑功能https://material-table.com/#/docs/features/editable

我尝试了几件事

1）从检查元素中提取样式类并更改它，但它会影响所有其他图标。没有专门用于添加图标的特定类。

2）我尝试将材料表类扩展到我的组件并更改后端代码，但这也没有奏效。

材料表图片

Answer 1

材质表只是渲染每个键的 icon 属性中返回的任何内容。

您可以像这样简单地使用图标道具：

icons={{Add: () => 'Add Row'}}

这将呈'Add Row'现在图标的位置。