单击按钮后如何自动取消突出显示按钮

蚂蚁按钮

以下代码来自antd文档

import { Button } from 'antd';

ReactDOM.render(
  <div>
    <Button>Default</Button>
    <Button type="dashed">Dashed</Button>
    <Button type="danger">Danger</Button>
  </div>,
  mountNode,
);

就像默认的按钮，虚线按钮一样，单击时会具有突出显示和边框阴影的效果。但是我希望Button在单击后恢复为默认状态，而不是在变为默认状态之前单击其他位置。

这是我设置Uploade的单击按钮时发生的情况，该按钮使我在成功上传或失败上传文件时都单击（突出显示和加边框），这使人们看起来有些不寻常。尽管此细节对于大多数人来说都是可以接受的，但仍然感觉有点奇怪。

我已经考虑过使用Upload的Dragger组件，它可以满足我在显示器上的需求。但是我想在上传内容符合要求时自动隐藏上传按钮，而Dragger似乎并不满意。因此，我选择使用Upload组件。满足条件后，将“上传”中的内容设置为空白，实现隐藏效果。以上情况将发生在Button的中间。

我查看了Button的API，没有找到类似reset的操作。

这是我的示例代码。当您单击按钮组件时，突出显示不会消失。当您单击按钮上传组件时，突出显示将不会在文件上传后消失。单击Dragger组件并上传文件后，突出显示的内容自动消失。

是否有好的措施来重置Button样式。

如果您知道，谢谢您的回答。谢谢。