React MUI DataGridPro添加操作图标遇Missing "key" prop错误求助

问题出在getActions返回的数组里的JSX元素缺少React要求的key属性——React规定数组中的每个JSX元素必须携带唯一的key，用于高效识别元素的增删改变化。

只需给<GridActionsCellItem>添加key属性即可解决，修改后的actions列配置如下：

{
  field: 'deletedAt',
  headerName: 'DeleteAt',
  type: 'actions',
  width: 200,
  editable: false,
  getActions: () => [
    <GridActionsCellItem 
      key="delete" 
      icon={<DeleteIcon />} 
      label="Delete" 
    />
  ],
},

如果后续需要添加更多操作按钮（比如编辑、详情），给每个按钮设置唯一的key即可（比如key="edit"、key="view"），确保同一数组内的key不重复。

内容的提问来源于stack exchange，提问作者SSS