需要在ANTD中进行默认检查中的广播按钮

Question

我有一个无线电按钮组，其中包含来自数组的动态数据。 这是代码：

<Radio.Group
    options={uniqueRadioElements}
    onChange={onCategorySelect}
    value={selectedCategory}
    optionType="button"
    buttonStyle="solid"
    className="select-category"
    checked="true"
/>
<Col span={24}>
    <div className="professionals-wrapper">
        {arrayOfElements
            .filter((item) => item.category === selectedCategory)
            .map((item) => {
                return (
                    <div className="details-of-categories">
                        <Image
                            src="/images/clinic.png"
                            preview={false}
                            alt="photo 4"
                        />
                        <h3>{item.title}</h3>
                        <Rate defaultValue={4} disabled />
                    </div>
                )
            })}
    </div>
</Col>

我想将其默认检查为无线电按钮组的特定元素

Answer 1

这是我的解决方案

<Form.Item
   name="type"
   initialValue={1}
>
   <Radio.Group>
<Radio value={1}>off</Radio>
   </Radio.Group>
</Form.Item>

Answer 2

您可以将DIP DEFAULT检查的Prop删除检查到所需的特定索引中。第一个示例是：

<input defaultChecked={index === 0} />

在您的情况下，我将删除检查值并添加默认值。

<Radio.Group 
  options={uniqueRadioElements} 
  onChange={onCategorySelect} 
  value={selectedCategory} 
  optionType="button" 
  buttonStyle="solid" 
  className="select-category" 
  defaultChecked={index === 0} />