我在一个React组件里有一个复选框:
<input name="enable" type="checkbox" />
我希望它是默认选中的,但用户可以改变它的值。
使用:
<input name="enable" type="checkbox" checked="checked" />
不起作用。复选框的状态不能被改变。
解决办法是使用defaultChecked 属性。
<input name="enable" type="checkbox" defaultChecked={true} />
如果复选框需要被选中,取决于变量中的值是否被选中(例如,在一个编辑表单中,当你从数据库中获得实际值时),你可以使用
<input name="enable" type="checkbox" defaultChecked={existing_enable_value} />