Question

我必须将Checkbox的值从Unchecked更改为Checked，反之亦然。

为此，我正在单击按钮时更改状态。

，并且如果“ checked”状态值为“ true”，则应该选中Checkedbox。但是，不是。

我使用了属性“ checked”和分配状态的布尔值。因此，应在状态更改但不更改时呈现。

还有其他方法可以呈现Checkbox吗？

Answer 1

如果您使用的是redux-form，这就是您的解决方案：

master

您可以在此处code和output

查看详细信息

Answer 2

这是一个代码示例

class App extends Component {
  state = {
   isChecked: false
  };
  render() {
    return (
     <View>
       <CheckBox
         value={this.state.isChecked}
         onValueChange={() =>
          this.setState({
           isChecked: !this.state.isChecked
         })
       }
       />
     </View>
   );
 }
}

Answer 3

as mentioned above by @Amila Dhulanjana, this function only changes the value of assigned state value, but it will not update the checkbox in HTML view until you assign the checked field.

 class App extends Component {
  state = {
   isChecked: false
  };
  render() {
    return (
     <View>
       <CheckBox
         value={this.state.isChecked}
         checked = {this.state.isChecked}
         onValueChange={() =>
          this.setState({
           isChecked: !this.state.isChecked
         })
       }
       />
     </View>
   );
 }
}

状态更改时，复选框不呈现或更改选中值

3 个答案: