Question

所以我有非常具体的问题。我有一个带有受控组件的复选框，它在本地机器上工作正常，但是当我在线推送代码时，一切正常（检查/取消选中），数据正常“0”和“1”，但始终选中复选框。任何人都知道可能导致问题的原因是什么？

这是我的代码

    <input className="float-right" type="checkbox" defaultChecked={course.is_featured} onChange={this.toggleChecked.bind(this, course.id)} />

Answer 1

如果您使用的是受控输入，则必须拥有value/checked和onChange处理程序。 defaultChecked用于初始加载，不可更新。

<input className="float-right" type="checkbox" checked={course.is_featured} onChange={this.toggleChecked.bind(this, course.id)} />