如何处理react-native中的复选框操作

Question

我必须在按钮单击时调用POST TYPE节点Js API函数，但只有在用户选中复选框时才会这样。我是反应原生的新手。我想知道如何处理复选框操作？

Answer 1

您可以使用状态来确定是否选中了复选框：

在构造函数上设置状态：

constructor(props) {
  super(props);
  this.state = {
    checked: false
  };
}

您的复选框：

<View>
   <CheckBox
      value={this.state.checked}
      onValueChange={() => 
        this.setState({checked:!this.state.checked})
      }
   />
</View>
<View>
  <Button title="Validate" onPress={this.validateHandler} />
</View>

现在您的处理程序，如果复选框通过验证，您可以调用您的API方法：

validateHandler = () => {
   if (this.state.checked) {
     console.log("validated"); //call the api
   }else{
     console.log("not checked"); //return and show a message or something
   }    
};