在DataGrid中如何修改自定义工具栏的按钮默认显示名称？

方案1：单独为当前工具栏按钮指定自定义label #

这种方式只会修改你当前自定义工具栏内的按钮文本，不会影响其他页面的Data Grid组件，灵活性最高。
修改后的代码如下：

function CustomToolbar() {
  return (
    <GridToolbarContainer>
      <GridToolbarColumnsButton label="列管理" />
      <GridToolbarFilterButton label="内容筛选" />
      <GridToolbarDensitySelector label="显示密度" />
      <GridToolbarExport label="数据导出" />
    </GridToolbarContainer>
  )
}

你可以根据自身需求任意替换label属性内的文本内容。

方案2：全局配置统一修改所有Data Grid的工具栏文本 #

如果你希望项目中所有用到Data Grid的位置，工具栏按钮都使用自定义名称，可以直接在Data Grid组件的localeText属性中全局配置，无需每个工具栏单独修改：

// 用到DataGrid的组件代码
import { DataGrid } from '@mui/x-data-grid';
import CustomToolbar from './CustomToolbar';

function MyDataGrid() {
  return (
    <DataGrid
      // 你的其他DataGrid配置项，比如rows、columns、pagination等
      components={{ Toolbar: CustomToolbar }}
      localeText={{
        toolbarColumns: "列管理",
        toolbarFilters: "内容筛选",
        toolbarDensity: "显示密度",
        toolbarExport: "数据导出",
        // 还可以扩展配置其他关联文本，比如导出菜单的子项文本：
        toolbarExportCSV: "导出为CSV文件",
        toolbarExportPrint: "打印表格",
      }}
    />
  )
}

内容的提问来源于stack exchange，提问作者Filip Radojičić