dic-select selectChange
时间: 2023-10-25 08:32:47 浏览: 133
dic.rar_DIC-018-_dic_dic-017_dic-049_金山词霸
`dic-select` 是一个基于 Ant Design 的下拉选择器组件。`selectChange` 是 `dic-select` 的一个事件,当选项发生变化时触发。
要使用 `dic-select` 的 `selectChange` 事件,首先需要安装 `antd`:
```bash
npm install antd
```
然后在你的 React 组件中引入 `Select` 组件并注册 `onChange` 事件:
```jsx
import React, { useState } from 'react';
import { Select } from 'antd';
const { Option } = Select;
function App() {
const [selectedValue, setSelectedValue] = useState('');
const handleChange = (value) => {
setSelectedValue(value);
console.log('选中的值:', value);
};
return (
<div>
<Select defaultValue="option1" style={{ width: 120 }} onChange={handleChange}>
<Option value="option1">选项1</Option>
<Option value="option2">选项2</Option>
<Option value="option3">选项3</Option>
</Select>
</div>
);
}
export default App;
```
在这个例子中,当用户选择一个选项时,`handleChange` 函数会被调用,选中的值会被更新到 `selectedValue` 状态,并在控制台输出。
阅读全文