在单选选项中选择了多个值

Question

创建了多个单选选项，但它允许我 select 多于一个选项。

 {item.responseType === "radio" && (
                          <div className="form-control-wrap">
                            {item.options.split(",").map((list, index) => (
                              <Form.Check
                                key={index}
                                label={list}
                                name={list}
                                type="radio"
                                id={list}
                              />
                            ))}
                          </div>
                        )}

select 只有一个选项需要做哪些更改？

Answer 1

如果你只想选择其中一个。您必须将所有名称道具的值设置为相同的值。像这样

name="radio-name"  // use filed name

像这样

{item.responseType === "radio" && (
  <div className="form-control-wrap">
    {item.options.split(",").map((list, index) => (
      <Form.Check
         key={index}
         label={list}
         name="radio-name"
         type="radio"
         id={list}
      />
    ))}
  </div>
)}

在单选选项中选择了多个值

Multiple values are getting selected in radio options

javascript

reactjs

react-bootstrap