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(); 称呼。