reacthooks antd pro radio回显
时间: 2023-08-31 17:37:20 浏览: 142
antd form表单数据回显操作
5星 · 资源好评率100%
如果您正在使用 Ant Design Pro 中的 Radio 组件,并且想要实现 Radio 的回显功能,可以通过以下步骤实现:
1. 在组件的 state 中添加一个变量,用于存储当前选中的值。
```
const [value, setValue] = useState('');
```
2. 在 Radio 组件中添加 onChange 事件,将选中的值存储到 state 中。
```
<Radio.Group onChange={(e) => setValue(e.target.value)} value={value}>
<Radio value="A">A</Radio>
<Radio value="B">B</Radio>
<Radio value="C">C</Radio>
<Radio value="D">D</Radio>
</Radio.Group>
```
3. 在需要回显的地方,将 state 中存储的值设置到 Radio 组件的 value 属性中。
```
<Radio.Group onChange={(e) => setValue(e.target.value)} value={value}>
<Radio value="A">A</Radio>
<Radio value="B">B</Radio>
<Radio value="C">C</Radio>
<Radio value="D">D</Radio>
</Radio.Group>
<div>当前选中的值是:{value}</div>
```
这样就可以实现 Radio 组件的回显功能了。
阅读全文