Ant Design获取下拉列表的值

### 如何在 Ant Design 中获取下拉列表选择的值

在 Ant Design 中，`Select` 组件用于创建下拉列表。为了捕获用户的选择并处理所选值，可以利用 `onChange` 事件处理器来监听选项的变化。

下面是一个简单的例子展示如何实现这一功能：

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

const App = () => {
  const [selectedValue, setSelectedValue] = useState('');

  const handleChange = (value) => {
    console.log(`Selected value: ${value}`);
    setSelectedValue(value);
  };

  return (
    <Select defaultValue="请选择" style={{ width: 200 }} onChange={handleChange}>
      <Select.Option value="option1">Option 1</Select.Option>
      <Select.Option value="option2">Option 2</Select.Option>
      <Select.Option value="option3">Option 3</Select.Option>
    </Select>
  );
};

在这个例子中，每当选择了不同的项时就会触发 `handleChange` 函数，并打印出当前被选中的值到控制台的同时更新组件的状态[^1]。