小编Hos*_*ali的帖子

Ant design - 每次选择后如何自动关闭选择(“标签”或“多个”模式)下拉列表?

我在页面中使用 ant.design 选择组件(“标签”或“多个”模式),我希望下拉列表在每次选择后自动关闭。现在它保持打开状态,我应该单击页面中的其他位置来关闭下拉列表。

import { Select } from 'antd';

const { Option } = Select;

function handleChange(value) {
  console.log(`selected ${value}`);
}

ReactDOM.render(
  <Select mode="multiple" placeholder="Select Countries" size="large" onChange={handleChange}>
    <Option value="country1">Country1</Option>
    <Option value="country2">Country2</Option>
    <Option value="country3">Country3</Option>
    <Option value="country4">Country4</Option>
    <Option value="country5">Country5</Option>
    <Option value="country6">Country6</Option>
</Select>,
  mountNode,
);
Run Code Online (Sandbox Code Playgroud)

reactjs dropdown ant-design-pro

7
推荐指数
2
解决办法
9917
查看次数

标签 统计

ant-design-pro ×1

dropdown ×1

reactjs ×1