小编Jul*_*sta的帖子

我认为按钮的状态更改（启用或禁用）导致了问题。我有 5 个操作按钮（创建、删除、编辑、保存和取消）。除“创建”按钮外，所有按钮一开始均被禁用。当我单击“创建”按钮时，它会被禁用，而“保存”和“取消”按钮将被启用。当它发生时，会弹出“保存”或“取消”工具提示。有时两个都会弹出，有时只弹出一个。第一次，我以为这是为了响应焦点事件而发生的。然后我尝试禁用工具提示响应焦点事件设置disableTriggerFocus = {true}，但它不起作用。

这是代码ActionButton：

import Tooltip from "@material-ui/core/Tooltip";

const ActionButton = ({ buttonIcon, onClick, disabled, tooltip }) => {
  return (
    <>
      <Tooltip
        title={disabled ? "" : tooltip}
        placement="top"
        arrow
        disableTriggerFocus={true}
      >
        <Button onClick={onClick} disabled={disabled}>
          <ButtonIcon tag={buttonIcon} />
        </Button>
      </Tooltip>
    </>
  );
};