小编Poe*_*ain的帖子

我有一个像 Facebook 提要这样的帖子列表，每个帖子都有一个带有“编辑、删除、报告”的下拉菜单。

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

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

根据这里的Ant Design ，子菜单（menu）是在组件外声明的。

代码笔演示

//-------------- Outside Component --------------------

const onClick = function (info) {
  console.log(info)
};

const menu = (
  <Menu onClick={onClick}>

    { 
     // this.props.deleteId  <=== this doesn't work, props value is "undefined"
    }

    <Menu.Item key="1">Edit</Menu.Item>
    <Menu.Item key="delete-Id-here">Delete</Menu.Item>
    <Menu.Item key="3">Report</Menu.Item>
  </Menu>
);

//-------------- Inside Component --------------------

class Demo extends React.Component {
   render(){

     console.log("deleteId = "+ this.props.deleteId +" ( Inside component ) ")
// this.props.deleteId  <=== This props value works fine, …