Question

映射方法不适用于呈现子菜单项。

此类中的状态。

class SideBar extends React.Component {
    constructor(props) {
    super(props);
    this.state = { fruits:["orange","peach","grape"] };

    }

此类的呈现部分。

<Menu>
<SubMenu 
   key="sub1" 
   title={<span><Icon type="mail" />
   <span>User-list</span></span>}>

   {this.state.fruits.map(function(item, i){
     <Menu.Item key={i}>{item}</Menu.Item>
   })}

</SubMenu>
</Menu>

Answer 1

您不会从地图中的函数中返回任何内容。请参见以下示例：https://codesandbox.io/s/73w271now6?fontsize=14

{this.state.fruits.map(function(item, i) {
  return <Menu.Item key={i}>{item}</Menu.Item>;
})}

您还可以在此处创建箭头功能，并省略return关键字，因为您只有一行代码（如果需要有关箭头功能的更多信息，可以阅读this），例如：

{
  this.state.fruits.map((item, i) => <Menu.Item key={i}>{item}</Menu.Item>)
}

Antd：使用状态属性设置菜单项

1 个答案: