Question

我正在React Native中创建应用程序，我需要在那里的复选框。我可以选中一个复选框，但是不能取消选中它。

我正在使用状态来了解它是否被选中。

import { CheckBox } from 'react-native';
this.state = {
  checked: false,
}

<CheckBox value={this.state.checked} onValueChange={() => this.setState({ checked: !this.state.checked })} />

我期望this.setState({ checked: !this.state.checked })}会否定this.state.checked，但事实并非如此。

Answer 1

我不知道您从哪里导入该复选框，但是例如：https://react-native-training.github.io/react-native-elements/docs/checkbox.html
这需要道具checked，但不需要道具value
对于您的情况：

<CheckBox checked={this.state.checked} onValueChange={() => this.setState({ checked: !this.state.checked })} />

Answer 2

此代码对我有用。

import * as React from 'react';
import { Text, View, CheckBox } from 'react-native';

export default class App extends React.Component {
  constructor(props) {
    super(props);

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

反应复选框选中，但不取消选中

2 个答案: