小编Zih*_*lam的帖子

动作覆盖功能允许我覆盖按钮，但它会覆盖所有动作按钮。例如，如果我有两个用于编辑和删除的操作按钮，并且我使用了操作覆盖，那么我的两个按钮都会被相同的自定义代码覆盖。如何为不同的按钮指定不同的代码？

我的最终目标是根据 rowData 有条件地禁用编辑和删除按钮。我尝试使用 isEditable 功能，如下面的代码所示，但它也不起作用。

  ...
  ....
  const components = {
       Action: props => (
           <IconButton aria-label="delete" size="small"
               disabled={props.data.email === 'admin@pipilika.com'}
               onClick={(event) => props.action.onClick(event, props.data)}
               >
               <Icon>delete</Icon>
           </IconButton>
       )

   };

   const actions = [
       {
           icon: 'edit',
           tooltip: 'Edit Index',
           onClick: (event, rowData) => {
               this.onEditClick(null, rowData._id);
           }
       },
       {
           icon: 'delete',
           tooltip: 'Delete Index',
           onClick: (event, rowData) => {
               this.onDeleteClick(null, rowData._id);
           }
       },
   ];


    const options= {
        showTitle: false,
        actionsColumnIndex: -1,
        searchFieldStyle: {
            color: "#fff"
        }
    };

    const …