reactjs 需要做单选按钮在antd默认选中

wyyhbhjk  于 2023-10-17  发布在  React
关注(0)|答案(2)|浏览(162)

我有一个单选按钮组,动态数据来自一个数组。代码如下:

<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>

我想让它默认选中单选按钮组的特定元素

wecizke3

wecizke31#

您可以将prop defaultlist添加到您想要的特定索引。第一个例子是:

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

在你的情况下,我会删除选中的值并添加默认值。

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

nfzehxib2#

下面是我的解决方案,

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

相关问题