在 ant Design 中,可以通过设置 Button 组件的 htmlType
属性为 "button"
来取消点击 Enter 后的默认行为。默认情况下,Button 组件的 htmlType
属性为 "submit"
,会触发表单的提交操作。
示例代码如下:
import { Button } from 'antd';
function App() {
const handleClick = () => {
console.log('Button clicked');
};
return (
<Button htmlType="button" onClick={handleClick}>
Click me
</Button>
);
}
export default App;
在上述代码中,通过将 htmlType
属性设置为 "button"
,可以取消点击 Enter 后触发的默认表单提交操作。当用户点击按钮时,会调用 handleClick
函数,并打印出 “Button clicked”。