React条件HTML参数

Question

我正在尝试创建一个组件，将checked作为我可以发送的道具。

{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"
/>
) }