reactjs - ReactJS 如何设置默认选中复选框？

Question

在 React 中为复选框分配默认值 checked="checked" 后，我无法更新复选框状态。

var rCheck = React.createElement('input',
    {
        type: 'checkbox',
        checked: 'checked',
        value: true
    }, 'Check here');

分配checked="checked"后，我无法通过单击取消选中/选中来交互复选框状态。

Answer 1

要与该框交互，您需要在更改复选框后更新其状态。要获得默认设置，您可以使用 defaultChecked。

一个例子:

<input type="checkbox" defaultChecked={this.state.chkbox} onChange={this.handleChangeChk} />