reactjs - Ant 设计确认模式没有在单击是和否时关闭

Question

我正在使用 Ant 设计，但是单击 Yes 和 No 时，Modal 没有按预期关闭。这里的一些帮助是代码

function Study(props) {
let data=props.data
   const showConfirm=(e,val,view) =>{ debugger
  confirm({
    title: 'Are you sure you want to remove '+val+' from your study list?',
    icon: <ExclamationCircleOutlined />,
    okText: 'Yes',
    cancelText: 'No',
    onOk:()=>{confirmOk(val,view)},
    onCancel() {
      console.log('Cancel');
    },
  });
}
 return (
    <div>
      {props.deleteOption && <img  class="deleteIcon" src={crossIcon}   onClick={(e)=>showConfirm(e,data.studyName,props.view)}></img>}
   </div>
 )

}

请有人提出解决方案

标签： reactjsantdant-design-pro

Answer 1

Modal.method() 用法：https://ant.design/components/modal/#Modal.method()

所有的 Modal.methods 都会返回一个引用，然后我们可以通过引用更新和关闭模态对话框。