reactjs - React Bootstrap Form.Check 仅在双击时工作

Question

我在我的 React 应用程序中使用了一个 Form.Check 元素。出于某种原因，只有当我在复选框中单击两次时，实际的复选标记才会改变。这导致我的 handleChange 函数无法正确拍摄。我已经尝试过使用 onClick ，但这根​​本不允许更改复选框。谁能指出问题可能是什么？<Form.Check onChange={this.handleChange} inline label="Allow Text" type="checkbox" defaultChecked={this.props.allowtext} defaultValue={this.props.allowtext} />

Answer 1

问题出在 handleChange 函数上。您应该删除 event.preventDefault();称呼。