1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > antd v3.x版本-提交表单时阻止刷新页面

antd v3.x版本-提交表单时阻止刷新页面

时间:2024-06-27 17:43:18

相关推荐

antd v3.x版本-提交表单时阻止刷新页面

低版本的antd提交表单时,会刷新页面

antd 版本3.x在提交表单时,会刷新页面(看代码如下),怎么处理

function myComp ({form}){handleSubmit = (e) => {console.log(e)}render () {return (<Form onSubmit={handleSubmit}><Form.item name="abc"><Input /></Form.item><Button htmlType="submit">提交</Button></Form>)}}const WrappedMyComp = Form.create({name: 'my-form' })(myComp);export default WrappedMyComp

解决办法

handleSubmit = (e) => {e.preventDefault(); // 阻止默认事件form.validateFields((err, values) => {if (!err) {console.log('Received values of form: ', values);}})

高版本的antd 4.x,默认就是阻止提交表单的,且绑定很方便,直接在<Form.Item>中,指定name属性即可

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。