点击antd组件的Select的onChange的用法
Antd的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函数会被触发,并传递选中项的值给该函数。在该函数中,我们可以对选中项的值做一些处理。
原文地址: http://www.cveoy.top/t/topic/bgG4 著作权归作者所有。请勿转载和采集!