Javascript 格式化表格单元格中的空值

Question

我的 react 组件中有以下代码片段，它传入带有多个字段的事务对象。为什么不起作用？

如果值不为空，我尝试仅显示使用 $ 符号格式化的值。

${!isNaN(transaction.debit) ? parseFloat(transaction.debit).toFixed(2) : null}

有更好的方法吗？我的数据数组基本上具有可能没有值的借方字段，在这种情况下，我只是不想在单元格中显示任何内容。

Answer 1

如果 transaction.debit 值为 Truthy，如何将字符串 '$' 连接到 float 的开头？或者是 0(假设我们要显示 0 的值) - 否则显示空字符串。

{transaction.debit || transaction.debit === 0 ? '$' + parseFloat(transaction.debit).toFixed(2) : ''}