动态添加React属性

Question

我目前正在渲染两种类型的复选框（已选中或未选中），具体取决于某些逻辑。正如您所看到的，此代码不是很干，因为两行之间的唯一区别是defaultValue属性。

if (user.surveyData.device.indexOf(device) > -1) {
    devicesList.push(<li key={i}><input type="checkbox" className="device" value="DK2" defaultChecked/>{ device }</li>)
} else {
    devicesList.push(<li key={i}><input type="checkbox" className="device" value="DK2"/>{ device }</li>)
}

我有什么方法可以做得更干一点吗？