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

ant-design : ant-design代码库

Popconfirm 的官方API中

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>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容