为啥在ant design pro中设置单选框时,选择一个筐会选择所有
时间: 2024-02-05 12:13:13 浏览: 23
在 Ant Design Pro 中设置单选框时,如果选择一个框会选择所有框,很可能是因为你的代码中,多个单选框的 `name` 属性相同。在 HTML 表单中,`name` 属性用于区分表单中的不同表单控件,如果多个单选框的 `name` 属性相同,那么这些单选框就会被视为同一组,只能选择其中的一个。
要解决这个问题,你需要确保每个单选框的 `name` 属性都是独一无二的。可以给每个单选框设置一个不同的 `name` 属性,或者使用动态生成的 `name` 属性来保证其唯一性。例如:
```jsx
// 使用动态生成的 name 属性
{options.map((option, index) => (
<Radio key={index} value={option.value} name={`radio-${index}`}>
{option.label}
</Radio>
))}
```
```jsx
// 给每个单选框设置不同的 name 属性
<Radio.Group>
<Radio value={1} name="radio-1">
Option 1
</Radio>
<Radio value={2} name="radio-2">
Option 2
</Radio>
<Radio value={3} name="radio-3">
Option 3
</Radio>
</Radio.Group>
```
确保每个单选框的 `name` 属性都是唯一的,就可以避免选择一个框会选择所有框的问题了。