使用JSX设置复选框默认状态的正确方法

Question

如果HTML5指定＆＃34;已检查＆＃34;没有值。可靠地解释为未选中复选框的属性*，以下JSX代码的行为是否可能在浏览器之间不一致？ （在Chrome和IE浏览器中，它似乎与我预期的一样。）

<input type="checkbox" checked={node.props.checked} />

如果是这样，考虑到以下JSX无效，实现此目标的标准方法是什么？

<input type="checkbox" {node.props.checked? "checked" : ""} />

What values for checked and selected are false?

Answer 1

您需要有条件地添加整个checked属性，而不仅仅是属性的值。这样，如果您根本不添加该属性，您将可靠地获得一个未选中的复选框。

如果您使用的是ReactJS，那么根据 this answer ：

  

如果你有价值，那么React足够聪明，可以省略属性   传递给它不是真的。