Ant Design Button 点击后主动失去焦点 - React 组件示例

"Ant Design Button 点击后主动失去焦点 - React 组件示例"\n\n本文介绍如何在 Ant Design 的 Button 组件中，使用 blur 方法来主动使按钮失去焦点。并提供 React 组件代码示例，帮助开发者理解实现方式。\n\njsx\nimport { Button } from 'antd';\n\nclass MyButton extends React.Component {\n handleClick = () => {\n // 在点击事件中调用 blur 方法\n this.button.blur();\n }\n\n render() {\n return (\n <Button ref={node => (this.button = node)} onClick={this.handleClick}>\n Click me\n </Button>\n );\n }\n}\n\n\n在上面的代码中，我们将 ref 属性用于获取 Button 组件的实例，并将其赋值给 this.button。然后，在点击事件的处理函数中，调用 this.button.blur() 方法即可使按钮失去焦点。