javascript - React Antd动态下拉菜单(React Antd dynamic dropdown menu)

Question

I am using Antd dropdown menu component with a JSON, I want to create a dynamic menu that changes depending on my JSON (that I am fetching using express)(我正在使用带有JSON的Antd下拉菜单组件，我想创建一个动态菜单，该菜单根据我的JSON进行更改（我正在使用express获取）)

so far I have(到目前为止，我有)

    const menu = (
  <Menu onClick={onClick}>
    {
    this.state.getSoftware.map((data,i) => (<Menu.item key={i}>{data.Name}</Menu.item>))
    }
  </Menu>
);

but this does not seem to be working, any help would be great!(但这似乎不起作用，任何帮助都将非常有用！)

  ask by johnest translate from so

Answer 1

It's Menu.Item not Menu.item(它是Menu.Item而不是Menu.item)

<Menu onClick={this.onClick}>
        {this.state.getSoftware.map((data, i) => (
          <Menu.Item key={i}>{data.Name}</Menu.Item>
        ))}
      </Menu>