# 带搜索框

- order: 1

在浮层内顶部有搜索框的单项选择器。

---

````jsx
import { Select } from 'antd';
const Option = Select.Option;

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

ReactDOM.render(
  <Select defaultValue="lucy" showSearch style={{ width: 200 }}
    notFoundContent="找不到呐！"
    searchPlaceholder="输入"
    onChange={handleChange}>
    <Option value="jack">jack</Option>
    <Option value="lucy">lucy</Option>
    <Option value="disabled" disabled>disabled</Option>
    <Option value="yiminghe">yiminghe</Option>
  </Select>
, mountNode);
````