как изменить значок поля действия таблицы материалов

Question

        actions={[
          {
            icon: 'edit',
            tooltip: 'Edit User',
            onClick: (event, rowData) => alert('You are editing ' + rowData.name)
          },
          {
            icon: 'delete',
            tooltip: 'Delete User',
            onClick: (event, rowData) => confirm('You want to delete ' + rowData.name)
          }
        ]}

Answer 1

Вы можете изменить значок действия, указав произвольный компонент React в качестве значения для icon prop.

icon string или () => ReactElement - значок кнопки из значков материала или пользовательского компонента

Так что вместоиз edit или delete, добавьте компонент нужного значка. Что-то вроде:

import { Edit } from '@material-ui/icons'

// ...

{
  icon: <Edit />,
  tooltip: 'Edit User',
  onClick: (event, rowData) => alert('You are editing ' + rowData.name)
},

// ...