ant design Popconfirm 使用氣泡彈窗進行form 表單提交

由於官方文檔沒有實例，經過自己的嘗試，可以使用氣泡彈窗進行表單提交

具體效果如下

 

實現業務具體使用title 屬性進行擴展，並關閉圖標展示 icon

 具體實現代碼

const content = () => {
    return <div
        style={{width:"1100px"}}
    >
        {data ? <>
                <Spin spinning={loading}>
                    <Form ref={form}
                          initialValues={data}
                    >
                        <Form.Item
                            name="sku"
                            rules={[
                                {
                                    required: true,
                                    message: '請輸入規格信息',
                                },
                            ]}
                        >
                            <GoodSku propVoList={data.propVoList} skuData={data.skuData} name={'sku'} onlyTable={true} />
                        </Form.Item>
                    </Form>
                </Spin>
            </>
            :<Skeleton active />}
    </div>
}


return <Popconfirm
    title={content}
    visible={visible}
    onConfirm={ onOk }
    okButtonProps={{ loading: loading }}
    placement="bottom"
    onCancel={ () => onCancel() }
    icon={false}
>
    <a className={ styles.editIco } onClick={()=>getDetailHandle(props.goodId)}>
        <EditOutlined />
    </a>
</Popconfirm>