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

Reactjs Antd:使用状态属性设置菜单项,reactjs,antd,Reactjs,Antd,映射方法不适用于渲染子菜单项 该类中的状态 class SideBar extends React.Component { constructor(props) { super(props); this.state = { fruits:["orange","peach","grape"] }; } <Menu> <SubMenu key="sub1" title={<span><Icon type="mai

映射方法不适用于渲染子菜单项

该类中的状态

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>


该类的呈现部分

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>



{this.state.fruits.map(函数(项,i){
{item}
})}

您没有从映射中的函数返回任何内容。 请参见此示例:


欢迎来到SO!我不清楚你到底期望什么-你能详细说明一下吗?