API返回N/A时隐藏Reason文本的代码失效问题求助

你的代码存在两个关键问题，导致无法实现隐藏效果：

• 字符串N/A未用引号包裹，JavaScript会将其识别为未定义变量，直接导致比较逻辑失效
• 条件不满足时返回N/A文本，这会让页面依然渲染该内容，而非隐藏目标元素

修正后的代码可以采用两种写法：

写法一：逻辑与（&&）语法 #

{invoiceInfo.reason !== 'N/A' && (
  <Text style={[GlobalStyle.ReceiptDeclinedReason]}>Reason: {invoiceInfo.reason}</Text>
)}

写法二：三元表达式 #

{invoiceInfo.reason !== 'N/A' ? (
  <Text style={[GlobalStyle.ReceiptDeclinedReason]}>Reason: {invoiceInfo.reason}</Text>
) : null}

核心修正点 #

1. 给N/A添加单引号，确保是字符串类型的比较
2. 不满足条件时返回null（或利用逻辑与的短路特性），让React不渲染任何内容，实现隐藏效果

内容的提问来源于stack exchange，提问作者vesh