在Ant Design中,你可以使用onSelect
事件来在每次选择后自动关闭下拉菜单。以下是一个具体的代码示例:
import React, { useState } from 'react';
import { Select } from 'antd';
const { Option } = Select;
const Demo = () => {
const [value, setValue] = useState(null);
const handleSelect = (value) => {
setValue(value);
};
return (
);
};
export default Demo;
在上述代码中,我们使用了useState
钩子来保存选择的值。当选择发生变化时,handleSelect
函数会被调用,并更新value
的值。这样,每次选择后,下拉菜单将自动关闭。
请注意,上述代码中使用了mode="tags"
来启用标签模式。如果你想使用多选模式而不是标签模式,只需将mode
属性设置为multiple
即可。
希望这个示例能帮到你!