我有一个简单的三元运算符，我想用两个不同的字符串返回 null。
this.props.sportType === 'tennis' || 'soccer' ? null : <li onClick={this.props.onClick} className={styles.menuItem}>N/A</li>
但不幸的是，这并不完全有效。我如何使用 || 在三元运算符中正确吗？
谢谢！:)
在三元运算符中使用 OR
IT技术
javascript
reactjs
2021-05-22 19:02:52
4个回答
与第二个值重复比较
this.props.sportType === 'tennis' || this.props.sportType === 'soccer'
? ...
使用一个数组，看看是否sportType包含在其中：
['tennis', 'soccer'].includes(this.props.sportType)
? null
: <li onClick={this.props.onClick} className={styles.menuItem}>Sport</li>
（另外，最好缩进更长的表达式）
就像在 IF 语句中一样，您需要将“soccer”字符串与
this.props.sportType === 'tennis' || this.props.sportType === 'soccer' ? null : <li onClick={this.props.onClick} className={styles.menuItem}>N/A</li>
您可以使用正则表达式
/^tennis|soccer$/.test(this.props.sportType) ? null : <li onClick={this.props.onClick} className={styles.menuItem}>N/A</li>