ant -design-react Popconfirm 点击空白处关闭

ant-design : ant-design代码库

Popconfirm 的官方API中

API

官方API

Popconfirm 使用 

    placement="leftBottom"

    title={text}

    onConfirm={confirm}

    okText="Yes"

    cancelText="No"

>

    LB

这几个属性不支持点击空白处取消提示

需要需要再增加一个属性（今天的主角）

destroyTooltipOnHide         点击任意一处调用                function(visible, e)

const [visible, setVisible] = useState(false);

// visivleChange点击任意触发的事件 visible=false  

const visivleChange = (visible:boolean ) => {

    setVisible( visible) //这里使用的HOOKs

    // this.setState({visible:visible}); //非Hooks使用

}

      title={FormNode}

      visible={visible}

      onConfirm={handleOk}

      okButtonProps={{ loading: confirmLoading }}

      onCancel={handleCancel}

      icon={false}

      onVisibleChange={visivleChange}

       // destroyTooltipOnHide={true} //提示框隐藏控制

    >

     

            修改