antdesignPopconfirm使⽤⽓泡弹窗进⾏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={()=>dId)}>
<EditOutlined />
</a>
</Popconfirm>