ant-design : ant-design代码库
Popconfirm 的官方API中
API
Popconfirm 使用
<Popconfirm
placement="leftBottom"
title={text}
onConfirm={confirm}
okText="Yes"
cancelText="No"
>
<Button>LB</Button>
</Popconfirm>
这几个属性不支持点击空白处取消提示
需要需要再增加一个属性（今天的主角）
destroyTooltipOnHide 点击任意一处调用 function(visible, e)
const [visible, setVisible] = useState<boolean>(false);
// visivleChange点击任意触发的事件 visible=false
const visivleChange = (visible:boolean ) => {
setVisible( visible) //这里使用的HOOKs
// this.setState({visible:visible}); //非Hooks使用
}
<Popconfirm
title={FormNode}
visible={visible}
onConfirm={handleOk}
okButtonProps={{ loading: confirmLoading }}
onCancel={handleCancel}
icon={false}
onVisibleChange={visivleChange}
// destroyTooltipOnHide={true} //提示框隐藏控制
>
<Button type="link" onClick={ butClick()}>
修改
</Button>
</Popconfirm>
