时间戳

首页 > 解决方案 > 如何在本机反应中制作“组件条件”

javascript - 如何在本机反应中制作“组件条件”

问题描述

如果 this.props === "0"，我想创建条件，组件将显示在屏幕上，否则，组件将隐藏。怎么做？

我尝试使用 react-native 条件但不起作用

这是我的代码：

{data.is_approved === '0' ? (
  <TouchableOpacity
    onPress = {() => this.deleteTrancation(data.id, data.sales_id)}
    style={[styles.icons, common.backgroundWarn]}
  >
    <Icon name="clear" size={18} color={color.colorOff} />
  </TouchableOpacity>
) : (
  <Text style={[common.textValid]}></Text>
)}

我的完整代码：https ://pastebin.com/U9p5akdi

我希望当字符串“0”时，组件会显示，否则，组件会隐藏

标签： javascriptandroidreact-nativeconditional-statements

解决方案

看看是否有效。可能你错过了整数类型作为字符串类型

{data.is_approved === 0 ? (
                  <TouchableOpacity
                      onPress = {() => this.deleteTrancation(data.id, data.sales_id)}
                      style={[styles.icons, common.backgroundWarn]}>
                    <Icon name="clear" size={18} color={color.colorOff} />
                  </TouchableOpacity>
                  ) : (
                    <Text style={[common.textValid]}></Text>
                  )}

推荐阅读