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

标签 reactjs twitter-bootstrap

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

最佳答案

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

关于reactjs - React Bootstrap Form.Check 仅在双击时工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64319095/

相关文章:

reactjs - 为什么使用 findBy 时测试失败而使用 waitfor 时测试成功?

twitter-bootstrap - Bootstrap网格系统布局2 : 1

html - 如何在 Bootstrap 列之间添加左右填充

reactjs - jest.fn 在调用时返回 undefined

javascript - Jest.js - 测试是否已调用组件方法(React.js)

html - 带有汉堡菜单的 Bootstrap 下拉菜单

javascript - 一旦粘性 Bootstrap 列到达 div,就停止它

html - 创建修复 A4 大小的可打印 bootstrap 3 页?

javascript - 我说得对吗,从对象中销毁对象不会创建新对象

javascript - React & firebase-未捕获的 TypeError : Cannot read property 'setState' of undefined