更新选中的复选框值-react本地

Question

我有一个复选框：

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

最初，我希望根据我获取的数据选中复选框。我有一个preference字段，它的值为0，所以我把：

{
  this.props.data.profile && this.props.data.profile.preference== 0 ? 
    this.state.preference = false : this.state.preference= true
}

 constructor(props) {
  super(props);
  this.state = {
      showForm: 0,
      active: true,  
      emailPreference: true,

  };

然后根据emailpreference添加checked。但是一旦这个值得到，即使按下，我也会将状态从true更改为false，反之亦然。它不会更新。

Answer 1

您应该始终使用setState（{preference：“hello}）更改状态，而不是直接更改this.state。第二个代码段中的三元值顺序也不对，您应该使用冒号而不是=inside对象。总的来说，我认为可以尝试以下方法：

{
  this.setState({
      preference: this.props.data.profile && this.props.data.profile.preference == 0 ? false : true
  })
}