反应原生中的三元运算符

Question

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

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

Answer 1

看来你是 React 的新手，处于 react 状态，处理程序要么保持状态，要么传递 有道具。

您可以实现具有组件状态（如show）的组件状态，具有单击处理程序来设置状态，然后在渲染中您可以检查this.state.show并决定是否显示组件

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