Javascript 如何在Ant设计(Antd)中获取下拉组件的值,React js

Javascript 如何在Ant设计(Antd)中获取下拉组件的值,React js,javascript,reactjs,antd,Javascript,Reactjs,Antd,我有一个问题,我不能把下拉列表的值去掉到setState或类似的东西。每个人都知道如何修复它吗?我试图通过onChange访问它,但仍然不起作用 代码如下: const menu = ( <Menu onSelect={(e) => console.log(e)}> <Menu.Item> <a target="_blank" rel="noopener noreferrer">

我有一个问题,我不能把下拉列表的值去掉到setState或类似的东西。每个人都知道如何修复它吗?我试图通过onChange访问它,但仍然不起作用

代码如下:

const menu = (
    <Menu onSelect={(e) => console.log(e)}>
      <Menu.Item>
        <a target="_blank" rel="noopener noreferrer">
          Recommended
        </a>
      </Menu.Item>
      <Menu.Item>
        <a target="_blank" rel="noopener noreferrer">
          Newest
        </a>
      </Menu.Item>
      <Menu.Item>
        <a target="_blank" rel="noopener noreferrer">
          Lowest Price
        </a>
      </Menu.Item>
      <Menu.Item>
        <a target="_blank" rel="noopener noreferrer">
          Highest Price
        </a>
      </Menu.Item>
    </Menu>
  );


<Dropdown overlay={menu1} trigger={['click']}>
            <a
              className="ant-dropdown-link"
              onClick={(e) => e.preventDefault()}
              style={{ color: '#d46b08', fontWeight: 'bold' }}
            >
              PRICE <DownOutlined />
            </a>
</Dropdown> ```
const菜单=(
console.log(e)}>
推荐
最新的
最低价格
最高价格
);
e、 preventDefault()}
style={{color:'#d46b08',fontwweight:'bold'}
>
价格
```

为了在下拉菜单中获取所选菜单的值,您需要在每个菜单项上分配一个键,然后您可以使用
菜单组件的
单击
属性来获取值或键

const handleClick = ({key}) => {
  console.log(key)
  //you can perform setState here
}

const menu = (
  <Menu onClick={handleClick}>
    <Menu.Item key="Recommend">Recommend</Menu.Item>
    <Menu.Item key="Newest">Newest</Menu.Item>
    <Menu.Item key="Lowest Price">Lowest Price</Menu.Item>
    <Menu.Item key="Highest Price">Highest Price</Menu.Item>
  </Menu>
);

<Dropdown overlay={menu} trigger={["click"]}>
    <a
      className="ant-dropdown-link"
      onClick={(e) => e.preventDefault()}
      style={{ color: "#d46b08", fontWeight: "bold" }}
    >
      PRICE <DownOutlined />
    </a>
</Dropdown>
consthandleclick=({key})=>{
console.log(键)
//您可以在此处执行设置状态
}
常量菜单=(
推荐
最新的
最低价格
最高价格
);

供参考。

下拉列表
组件不调用任何
onChange
属性。它有
onVisibleChange
属性,每次“下拉触发器”(悬停、单击、右键单击)完成时都会调用该属性。这样做:

const SomeComponent=\u props=>
{
const[visible,setVisible]=React.useState(false);
返回(setVisible(isVisible)}>