复选框始终仅在生产环境中在 ReactJS 中显示为 true

Question

所以我有非常具体的问题。我有带有受控组件的复选框，它在本地机器上工作正常，但是当我在线推送代码时，一切正常(检查/取消选中(，数据正常"0"和"1"，但复选框始终处于选中状态。有谁知道问题的原因是什么？

https://gist.github.com/sasafister/3f6d555432986a74e37f113685720a6d

这是我的代码

<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)} />