Javascript 反应单选按钮不'；在第一次单击时不工作

我有一个使用纯css的单选按钮，但它在第一次单击时不起作用，它只在第二次单击后起作用，不确定它是否与我的react道具有关：

const Radio = ({ id, name, value, checked, children }) => (
  <div className="radioBtn">
    <input type="radio" value={value} id={id} name={name} checked={checked} />
    <label className={"radio"} htmlFor={id}>
      <span className={"big"}>
        <span className={"small"} />
      </span>
      <span>{children}</span>
    </label>
  </div>
);

const Radio=（{id，name，value，checked，children}）=>(
{儿童}
);

---

使用

defaultChecked

而不是

checked={checked}
您是否阅读了错误：
警告：失败的道具类型：您为表单字段提供了“checked”道具，但没有“onChange”处理程序。这将呈现只读字段。如果字段应该是可变的，请使用“defaultChecked”。否则，设置“onChange”或“readOnly”
？