点击antd组件的Select的onSlect的用法
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组件的一个属性即可。
原文地址: https://www.cveoy.top/t/topic/bgCa 著作权归作者所有。请勿转载和采集!