未选中时如何在复选框中设置默认状态-React

Question

我试图在未选中复选框时设置复选框的默认值

初始状态

  this.state = {
  checkbox: null,
}

<Checkbox
 onChange={this.ChangeValue}
 />

 ChangeValue= (event) => {
this.setState(
  (prevState) => ({
    checkbox: !prevState.checkbox,
  })
})

当我点击复选框时它设置为 true 当我 unselect/uncheck 复选框时我需要将其设置为默认状态值（null）而不是 false

Answer 1

如果您希望值在 true 和 null 之间交替，可以这样做：

this.setState(prevState => ({
  checkbox: prevState.checkbox ? null : true
});