Javascript 如何在Ant设计(Antd)中获取下拉组件的值,React js
我有一个问题,我不能把下拉列表的值去掉到setState或类似的东西。每个人都知道如何修复它吗?我试图通过onChange访问它,但仍然不起作用 代码如下: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">
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)}>