如果 React 中不存在以下单词，则隐藏逗号 [重复]答案

【问题标题】：Hide comma if the following word isn't present in React [duplicate]如果 React 中不存在以下单词，则隐藏逗号 [重复]
【发布时间】：2018-12-12 02:28:06
【问题描述】：

我有一个 json 文件，其中包含传递给组件的数据。有些对象包含所有 3 个变量，有些对象缺少一些数据。我们希望显示如下内容：

-爱丽丝，华盛顿州西雅图

但如果西雅图和西澳不存在，我们只想显示

-爱丽丝

反之亦然。如果不存在任何内容，则隐藏连字符。最干净的方法是什么？

 <div>
     - {item.name}, {item.city} {item.state}
 </div>

【问题讨论】：

【解决方案1】：

也许您可以通过以下方式解决此问题：

 <div>
     - {item.name} { (item.city && item.state) && `, ${item.city} {item.state}` }
 </div>

【讨论】：

【解决方案2】：

const address = `${item.name}, ${item.city} ${item.state}`
  ? `-${item.name}, ${item.city} ${item.state}`
  : null;

显示如下：

{地址}

【讨论】：

【解决方案3】：

你可以这样做

<div>
   - {item.name + (item.city ? ', ' + item.city : '') + (item.state ? ' ' + item.state : '')}
<div>

或者你可以进一步简化

<div>
   - {item.name} { (item.city && item.state) && `, ${item.city} {item.state}` }
</div>

【讨论】：