reactjs - Are eroare GridActionsCellItem cu props?

Am probleme atunci când transmit props în

GridActionsCellItem

în

'@mui/x-data-grid';

coloane;

   {
      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
    />,
      ],
    },

Eroarea pe care o am

Tipul ''{ icon: Element; label: string; onClick:() => void; showInMenu: true; }'' lipsește următoarele proprietăți din tipul ''Pick<{ label: string; icon?: ReactElement<any, string | JSXElementConstructor> | undefined; } & { showInMenu: true; } & { autoFocus?: boolean | undefined; ... 6 mai multe ...; sx?: SxProps<...> | undefined; } & Omit<...> & CommonProps & Omit<...>, "label" | ... 276 mai multe ... | "divider">': nonce, onResize, onResizeCapture

Vreau să am o coloană goală cu 3 puncte care să deschidă un meniu derulant cu câteva opțiuni.

Răspuns #1

Elementul <GridActionsCellItem pe versiunea @mui/x-data-grid „5.17.12” are unele probleme. Așadar, treceți la versiunea @mui/x-data-grid 5.17.8. Totul funcționează bine.