Reactjs 从下拉菜单中单击事件antd触发模式

因此，我有一个

，它由一个状态

可见

控制，我希望能够使用

SetVisible

从Antd的表格行中的下拉菜单更改此模式的状态，但我找不到方法，有什么建议吗

    <Table // antd table 
        loading={Boolean(!data)} 
        rowKey={'id'} expandable={expandable}  
        pagination={{pageSize: 5}} 
        columns={columns} 
        dataSource={data}
    />

    render: (text, record) => ( // fragment from column object, which contain in column that'll be rendered
    <Space size="middle">
        <Dropdown overlay={() => DropMenu()}> //Where the dropdown compoennt is being called
            <a className="ant-dropdown-link" onClick={e => e.preventDefault()}>
                Mais Opções <DownOutlined />
            </a>
        </Dropdown>
    </Space>

  const DropMenu = () => { //Dropdown Component

  return (
    <Menu>
      <Menu.Item>
        <a target="_blank" rel="noopener noreferrer" href="http://www.taobao.com/"> // Here I'll trigger the modal
          trigger modal
        </a>
      </Menu.Item>
    </Menu>
  )
};

render：（text，record）=>（//column对象的片段，包含在将被呈现的列中
DropMenu（）}>//调用下拉组件的位置
)
};

我实际上意识到antd有一个Modal.confirm（）函数，该函数使用ok和cancel按钮呈现确认模式，您可以自己处理

<Menu.Item danger>
  <span onClick={() => confirm({id: record.id})}>Delete</span>
</Menu.Item>

function confirm({name, id}) {
   Modal.confirm({
      title: 'Confirm',
      icon: <ExclamationCircleOutlined />,
      content: 'Are you sure you want to delete this user??',
      okText: 'Confirmar',
      cancelText: 'Cancelar',
      onOk: (close) => { ...handling deletion }
   )}
}

确认（{id:record.id}）}>Delete
函数确认（{name，id}）{
确认({
标题：“确认”，
图标：，
内容：“您确定要删除此用户吗？”，
okText:'确认人'，
cancelText:“Cancelar”，
onOk：（关闭）=>{…处理删除}
)}
}