三元算子

Question

仅当变量为true时，我才需要显示一个组件，基本上，我将创建两个按钮，一个将变量设置为false，另一个将变量设置为true。我正在尝试使用Angular的* ngIf想法。我需要这样的东西：

render() {
 return (
  <View>
   <Button 
    title="Click me"
    onPress={ () => { this.loading = true } }
   />
   {this.loading ? <Modal /> : null}
  </View>
 );
}

Answer 1

您似乎是反应的新手，处于反应状态，并且处理程序处于状态或已通过道具。

您可以实现具有show之类的组件状态，具有设置 State 的点击处理程序，然后在渲染中您可以检查this.state.show并做出决定以显示是否包含

setShow = () = >{
this.setstate({show : true});
  }

render() {
 return (
  <View>
   <Button 
    title="Click me"
    onPress={this.setShow}
   />
   {this.state.show ? <Modal /> : null}
  </View>
 );
}