Javascript Ant Design下拉菜单-访问子菜单中的道具值[React]

我有一个类似facebook feed的帖子列表，每个帖子都有一个下拉列表，上面写着“编辑、删除、报告”

我使用Ant Design UI，问题是我无法访问子菜单中的道具值“DeleteId”

但是我可以访问组件内部的道具值（deleteId）

根据Ant设计，子菜单（menu）在组件外部声明

/--------------外部组件--------------------
const onClick=函数（信息）{
控制台日志（信息）
};
常量菜单=(
{ 
//this.props.deleteId您似乎缺少将道具传递到
菜单的功能组件。
下面是修改后的代码，将
deleteId
作为参数传递给
菜单
功能

const menu = (deleteId) => (
  <Menu onClick={onClick}>
    <Menu.Item key="1">Edit</Menu.Item>
    <Menu.Item key="delete-Id-here">Delete {deleteId}</Menu.Item>
    <Menu.Item key="3">Report</Menu.Item>
  </Menu>
);

似乎您只是缺少将道具传递到
菜单
功能组件。
下面是修改后的代码，将
deleteId
作为参数传递给
菜单
功能

const menu = (deleteId) => (
  <Menu onClick={onClick}>
    <Menu.Item key="1">Edit</Menu.Item>
    <Menu.Item key="delete-Id-here">Delete {deleteId}</Menu.Item>
    <Menu.Item key="3">Report</Menu.Item>
  </Menu>
);

这不是一个最佳解决方案，我们多次调用
菜单
函数。这不是一个最佳解决方案，我们多次调用
菜单
函数。
class Demo extends React.Component {
  render(){
    return (
      <Dropdown overlay={menu(this.props.deleteId)}>
        <a className="ant-dropdown-link" href="#">
          <Icon style={{fontSize:24}} type="ellipsis" theme="outlined" />
        </a>
      </Dropdown>
     )
  }
}