React Native:正确设置状态

时间:2017-09-20 18:32:17

标签: react-native state

嗨,大家好我想知道如何通过点击切换来设置我的状态。

我的意思是用户第一次点击复选框,我会调用我的切换功能,我想将我的状态设置为true,如果用户再次单击复选框,我想设置我的状态为假。

可能是this.setState({isStore:true?false})?

这是我的代码:

constructor(props){
super(props);

this.state = {
  loaded: true,
  email: '',
  password: '',
  storeName: '',
  ceoName: '',
  address: '',
  city: '',
  category: '',
  isStore: false
 };
}

<CheckBox
  label='Run a business?'
  onChange={()=>this.toggleStatus()}
/>

toggleStatus(){
  this.setState({
   status:!this.state.status,
   isStore: true
 });
}

提前感谢你的时间。

2 个答案:

答案 0 :(得分:3)

可能你需要更新到此。

toggleStatus(){
  this.setState({isStore: !this.state.isStore});
}

答案 1 :(得分:1)

如果您参考

toggleStatus(){
  this.setState({
   status:!this.state.status, // <- where is status in your constructor?!
   isStore: true
 });
}

  

可能是this.setState({isStore:true?false})?

一个简单的

toggleStatus(){
  this.setState({
   isStore: !this.state.isStore
 });
}

应该这样做。我不确定你在status那里试图完成什么......