antd的select多选的回调
时间: 2024-04-26 07:24:39 浏览: 258
antd的select组件多选时的回调函数是`onChange`,它接收一个参数`value`,代表当前选中的所有选项的值,其类型为数组。你可以在`onChange`中对这个value进行处理,例如将其存储到state中,或者发送给后端进行处理。以下是一个示例:
```jsx
import { Select } from 'antd';
const { Option } = Select;
class MyComponent extends React.Component {
state = {
selectedItems: [],
};
handleChange = (value) => {
this.setState({
selectedItems: value,
});
}
render() {
return (
<Select
mode="multiple"
style={{ width: '100%' }}
placeholder="Please select"
onChange={this.handleChange}
>
<Option value="item1">Item 1</Option>
<Option value="item2">Item 2</Option>
<Option value="item3">Item 3</Option>
</Select>
);
}
}
```
在上面的示例中,我们在`handleChange`函数中将当前选中的值存储到了组件的state中,供其他地方使用。
阅读全文