ant design 下拉框 代码示例

Ant Design 是一款基于 React 的 UI 组件库，其中包括了下拉框组件 Select。下面是一个简单的 Ant Design 下拉框示例代码：

import React from 'react';
import { Select } from 'antd';

const { Option } = Select;

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

function AntSelect() {
  return (
    <Select defaultValue="lucy" style={{ width: 120 }} onChange={handleChange}>
      <Option value="jack">Jack</Option>
      <Option value="lucy">Lucy</Option>
      <Option value="disabled" disabled>
        Disabled
      </Option>
      <Option value="Yiminghe">yiminghe</Option>
    </Select>
  );
}

export default AntSelect;

在上面的代码中，我们首先从 `antd` 中导入 `Select` 组件，然后定义了一个 `AntSelect` 组件。在 `AntSelect` 组件中，我们使用了 `Select` 组件，并且传入了一些 `Option` 组件作为下拉框的选项。我们还定义了一个 `handleChange` 函数，用于监听下拉框选项的变化。最后，我们将 `Select` 组件渲染到页面上。

在实际使用中，我们可以根据自己的需求来传入不同的选项、样式和事件监听函数等。