antd获取select的option值
时间: 2023-10-06 18:07:04 浏览: 113
你可以通过 `onChange` 事件获取 `Select` 组件中当前选中的选项的值。在 `onChange` 事件中,你可以将选中的选项的值传递给一个回调函数,进行处理。
以下是一个示例代码:
```jsx
import React, { useState } from 'react';
import { Select } from 'antd';
const { Option } = Select;
function handleChange(value) {
console.log(`selected ${value}`);
}
function SelectExample() {
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` 函数来处理选中的选项的值。当用户选择一个选项时,`handleChange` 函数会被调用,并将所选选项的值作为参数传入。你可以在该函数中对选项的值进行任何处理。
如果你需要在 `Select` 中设置默认选中的选项,可以使用 `defaultValue` 属性来完成。例如,在上面的示例中,我们将 `defaultValue` 设置为 "lucy",这将使 "Lucy" 成为默认选中的选项。
阅读全文