antd Select 默认值触发change
时间: 2024-10-21 16:01:45 浏览: 38
Ant Design的Select组件是一个非常常用的下拉选择框组件。默认值触发change的功能是指在用户选择一个选项后,如果该选项的默认值被设置为当前选中的选项,那么就会触发一个change事件。
在使用Select组件时,如果你希望在用户选择一个选项后触发一个change事件,你可以使用`value`属性来设置默认值。当用户选择一个新的选项时,如果新的选项与默认值相同,那么就会触发一个change事件。
以下是一个简单的示例代码:
```jsx
import { Select } from 'antd';
const { Option } = Select;
function handleChange(value) {
console.log(`selected ${value}`);
}
ReactDOM.render(
<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>,
document.getElementById('container'),
);
```
在这个示例中,我们使用了`defaultValue`属性来设置默认值为"lucy",同时我们也设置了`onChange`事件处理函数来打印选中的值。当用户选择新的选项时,如果新的选项与默认值相同,就会触发一个change事件。
阅读全文