React条件HTML参数

Question

我正在尝试创建一个组件与选中作为我可以发送的道具。

{checked != false ? (
        <input
          id={id}
          name={name}
          type="radio"
          className="w-4 h-4 text-blue-600 border-gray-300 focus:ring-blue-500"
          checked
        />
      ) : (
        <input
          id={id}
          name={name}
          type="radio"
          className="w-4 h-4 text-blue-600 border-gray-300 focus:ring-blue-500"
        />
      )}

有没有办法可以简化它而不像上面那样重复代码？

Answer 1

<input
    id={id}
    name={name}
    type="radio"
    className="w-4 h-4 text-blue-600 border-gray-300 focus:ring-blue-500"
    checked={checked}
  />

Answer 2

{checked && (
    <input
      id={id}
      name={name}
      type="radio"
      className="w-4 h-4 text-blue-600 border-gray-300 focus:ring-blue-500"
    />
  ) }