antd PopConfirm 确认后如何提交antd 表单？

Question

I have an antd Form on which i checked if entered date is past date then i show the Popup with antd PopConfirm and if user press 'Yes' in PopConfirm, i want to submit the form, how can i achieve this?

Below is my code:

<PopConfirm
              onConfirm={() => {
                
              }}
              cancelText={'No'}
              okText={'Yes'}
              disabled={!isPastDate}
              title={'Do you wish to continue with past date?'}
            >
              <Button type="primary" label="Save" htmlType="submit" />
            </PopConfirm>

Answer 1

// your component
(props) => {

  const [form] = Form.useForm();
  ...
  return (
     <Form
      layout='vertical'
      form={form}
      scrollToFirstError
      onFinish={onSubmitHandler}

      ... 

     // try removing the Button properties so it does not auto submit
   // in popup confirm
   onConfirm={() => {
      form.submit();
   }

Answer 2

look like

                        <Popconfirm
                      placement='top'
                      title='Bạn có chắc chắn muốn lưu lại thông tin đã sửa?'
                      onConfirm={() => {
                        form.submit();
                      }}
                      okText='Ok'
                      cancelText='Hủy'
                    >
                      <Button
                        type='text'
                        style={{ color: '#004EBC', padding: '0px 8px' }}
                        htmlType='submit'
                      >
                        Lưu
                      </Button>
                    </Popconfirm>

Answer 3

                            <Popconfirm
                                title='Are you sure to delete this task?'
                                onConfirm={() => {
                                    if ({ confirm }) {
                                        deletePetugas(petugas.id);
                                        message.success('Click on Yes');
                                    }
                                }}
                                onCancel={cancel}
                                type='primary'
                                okText='Yes'
                                cancelText='No'>
                                <Link to='#'>Delete</Link>
                            </Popconfirm>