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

onSelect 是 antd 组件中 Select 的一个事件属性，当用户选择下拉框中的某一项时，会触发该事件。具体用法如下：

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

const { Option } = Select;

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

function App() {
  return (
    <Select defaultValue='lucy' style={{ width: 120 }} onSelect={handleSelect}>
      <Option value='jack'>Jack</Option>
      <Option value='lucy'>Lucy</Option>
      <Option value='disabled' disabled>
        Disabled
      </Option>
      <Option value='Yiminghe'>yiminghe</Option>
    </Select>
  );
}

export default App;

在上面的代码中，定义了一个 handleSelect 函数来处理 onSelect 事件。当用户选择下拉框中的某一项时，会输出被选择的项的值。可以看到，onSelect 的使用非常简单，直接将其作为 Select 组件的一个属性即可。