javascript - 在 reactjs 中使用 map 功能时，如何将 defaultChecked 设置为仅在单选按钮中的第一个输入

Question

当仅对一个单选按钮使用映射功能时，我正在尝试在 reactjs 中使用 defaultChecked。但是我该如何完成呢？

{colors.map((color, index) => {
      return (
        <label className="color-checkmark" key={index}>
          <input
            type="radio"
            checked="checked"
            name="color"
            value={color}
            // defaultChecked
          />
        </label>
      );
    })}

如果我在那里使用 defaultChecked ，它将被设置为每个单选按钮。

Answer 1

您需要删除 checked="checked"属性，因为它与 defaultChecked 冲突属性。然后添加defaultChecked={index === 0}