reactjs - Har GridActionsCellItem-feil med props?


Jeg har problemer når jeg sender props i

GridActionsCellItem

i

'@mui/x-data-grid';

kolonner;

   {
      field: 'actions',
      type: 'actions',
      width: 80,
      getActions: (params: any) => [
        <GridActionsCellItem
        icon={<DeleteIcon />}
        label="Delete"
        onClick={test(params.id)}
        showInMenu
      />,
      <GridActionsCellItem
      icon={<DeleteIcon />}
      label="Delete"
      onClick={test(params.id)}
      showInMenu
    />,
      ],
    },

Feil som jeg har

Type '{ icon: Element; label: string; onClick:() => void; showInMenu: true; }' mangler følgende egenskaper fra typen 'Pick<{ label: string; icon?: ReactElement<any, string | JSXElementConstructor> | undefined; } & { showInMenu: true; } & { autoFocus?: boolean | undefined; ... 6 til ...; sx?: SxProps<...> | undefined; } & Omit<...> & CommonProps & Omit<...>, "label" | ... 276 til ... | "divider">': nonce, onResize, onResizeCapture

Jeg vil ha en tom kolonne med 3 prikker som åpner en rullegardinmeny med noen alternativer.

Svar #1

<GridActionsCellItem på @mui/x-data-grid versjon "5.17.12" har noen problemer. Så bytt til @mui/x-data-grid versjon 5.17.8. Alt fungerer fint.