React—如何编辑一个复选框

113 阅读1分钟

我在一个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} />