在三元运算符语句中值始终为空答案

【问题标题】：value is always empty inside ternary operator statement在三元运算符语句中值始终为空
【发布时间】：2020-11-02 20:26:27
【问题描述】：

我正在为一个在线游戏网站使用 ReactJS 和一个名为 React-Table 的库。

在表格中，我有一个可能为空或 NULL 的列单元格。

因此，如果该列单元格为 null、空或未定义，那么我想显示一个名为“Dungeon Master”的值。

如果它不为 null 或为空，那么我只想显示应该显示的内容（row.original.gamerTag）。

所以我尝试使用三元运算符进行检查，但无论如何，该值始终显示为空。

这是我使用它的地方：

{
    Header: 'Gamer Title',
    accessor: 'gamerTitle',
    Cell: ({ row }) =>
        <a href="#" onClick={() =>
            show(
                row.original.id,
                row.original.gamerTitle,
                row.original.gameType,
                (row.original.gamerTag == 'undefined' || '' || null) ? 'Dungeon Master' : row.original.gamerTag,
                row.original.gameDescription,
            )}>
            {row.original.gamerTitle}
        </a>
},

我用错了吗？我没有收到任何错误或任何东西。

谢谢！

【问题讨论】：

这能回答你的问题吗？ JavaScript: Simple way to check if variable is equal to two or more values?
换句话说，这个结构并没有像你想象的那样做。

标签： reactjs ecmascript-6 conditional-operator react-table

【解决方案1】：

替换

(row.original.gamerTag == 'undefined' || '' || null) ? 'Dungeon Master' : row.original.gamerTag

由

typeof row.original.gamerTag === 'undefined' || row.original.gamerTag === '' || row.original.gamerTag === null ? 'Dungeon Master' : row.original.gamerTag

两个问题，一个是 myVar == 'undefined' 不起作用，因为你比较的是字符串而不是类型。其次，在 js 中不是 concat 条件的简短语法。或者，您可以尝试 [undefined, null, ''].includes(row.original.gamerTag)。

【讨论】：

【解决方案2】：

尝试替换：

(row.original.gamerTag == 'undefined' || '' || null) ? 'Dungeon Master' : row.original.gamerTag

与：

(row.original.gamerTag == 'undefined' || row.original.gamerTag == '' || row.original.gamerTag == null) ? 'Dungeon Master' : row.original.gamerTag

【讨论】：