How to get values of modal form antd

I'm trying to create a form inside modal using react class component and antd, but i couldn't find a way to get the data submited in the form. i tried to console the event of the onOk in antd modal but i same no data.

i also found an example but it was with function component and hooks Form.useForm()

here is the simple if anyone can help : Simple

any hint will be helpful thanks.

Solution 1:

The solution is to hide the footer of the modal and add submit for the form exemple :

      <Modal
              title={this.props.formTitle}
              visible={this.state.modalVisible}
              confirmLoading={this.state.confirmLoading}
              onCancel={this.handleCancel}
              footer={[]}//this to hide the default inputs of the modal
               >
              <Form
                layout="vertical"
                name="form_in_modal"
                initialValues={{
                  modifier: 'public',
                }}
                onFinish={this.handleOk}>
                <Form.Item
                  name="title"
                  label="Title"
                  rules={[
                    {
                      required: true,
                      message: 'Please input the title of collection!',
                    },
                  ]}>
                  <Input />
                </Form.Item>
                <Form.Item name="description" label="Description">
                  <Input type="textarea" />
                </Form.Item>
                <Form.Item name="modifier" className="collection-create-form_last-form-item">
                  <Radio.Group>
                    <Radio value="public">Public</Radio>
                    <Radio value="private">Private</Radio>
                  </Radio.Group>
                  //this is the submit of the form 
                  <Button key="submit" type="primary" loading={this.state.confirmLoading} htmlType="submit">
                    submit
                  </Button> 
                </Form.Item>
              </Form>
            </Modal>