antd 不用form onsubmit 如何完成必填项的校验

Question

我是这么写的：

    <Modal
        title={<span className="AddManagement">新增设备</span>}
        visible={this.state.visible}
        onOk={this.handleOk}
        onCancel={this.handleCancel}
        footer=""//会让自带的取消 确定 按钮消失
    >
     <Form >
<FormItem
    label="设备类型编号"
    labelCol={{ span: 6 }}
    wrapperCol={{ span: 16 }}
>
    {getFieldDecorator('code', {
        rules: [{ required: true, message: '请输入设备类型编号!' }],
    })(
        <Input />
    )}
</FormItem>
      <FormItem
    wrapperCol={{ span: 16, offset: 10 }}
>
    <Button type="primary" onClick={this.state.save？this.submit:this.putSubmit}>
        保存提交
    </Button>
</FormItem>
        </Form>
    </Modal>

现在的问题是 我在新增数据的时候没有填入任何数据，点击保存的时候向后台发送，没有触发必填项的校验，是因为我没有用 onsubmit 事件的缘故吗。
效果图 ：

Answer 1

不用，在handleOk函数时，可以做校验!

 handleOk = (e) => {
        const self = this;
        this.props.form.validateFields((errors, values) => {
            if (!!errors) {
                console.log(errors);
                return;
            };
          
            this.setState({
                visible: false,//关闭modal

            });
           //提交调的接口
        })


    };

Answer 2

其实这个问题和onsubmit 没有什么关系，是我自己学艺不精，要校验必填选项，可以在方法中添加

function a (e){
    e.preventDefault();//***
    this.props.form.validateFields((err) => {//***
          if (err) {
              return;
          }
          axios();
 }

Answer 3

使用自定义校验:

https://ant.design/components...

脱离 Form.create(), 然后在 render() 中执行校验函数.