但是单选框还有触发弹出框事件,Radio.Group绑定了属性
时间: 2023-05-25 12:02:38 浏览: 151
onSelect,当选中某个单选框时会触发这个事件,可以在这个事件中实现弹出框的展示。例如:
```
import React, { useState } from 'react';
import { Radio, Modal } from 'antd';
const options = [
{ label: '选项一', value: '1' },
{ label: '选项二', value: '2' },
{ label: '选项三', value: '3' },
];
const App = () => {
const [visible, setVisible] = useState(false); // 控制弹出框的显隐
const [value, setValue] = useState('1'); // 当前选中的单选框值
const handleSelect = (e) => {
setValue(e.target.value);
setVisible(true); // 选中单选框时展示弹出框
};
const handleOk = () => {
setVisible(false); // 弹出框确认后隐藏
};
const handleCancel = () => {
setVisible(false); // 弹出框取消时隐藏
};
return (
<>
<Radio.Group
options={options}
onChange={handleSelect}
value={value}
/>
<Modal
title="提示"
visible={visible}
onOk={handleOk}
onCancel={handleCancel}
>
你选择了 {value}
</Modal>
</>
);
};
export default App;
```
阅读全文