Ant Design Select 组件 onChange 事件用法详解

Ant Design 的 Select 组件中，onChange 属性用于监听选中项发生变化时的回调函数。当用户选择不同的选项时，该回调函数会被触发，并传递选中项的值和选中项的元素给回调函数。

具体用法如下：

import { Select } from 'antd';

const { Option } = Select;

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

function App() {
  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>
  );
}

在上述代码中，当用户选择不同的选项时，handleChange 函数会被触发，并传递选中项的值给该函数。在该函数中，我们可以对选中项的值做一些处理。