从 api 中提取更好的格式数据

Question

几天前问了一个关于格式化从 api 提取的数据的问题，我得到了一些很棒的答案！但是，我在 api 没有某些资产数据的页面上收到以下错误：

例如（删除上面突出显示的代码）：

    const columns = [{
      title: 'Rank',
      ...
    }, {
      title: 'Symbol',
      ...
    }, {
      title: 'Name',
      ...
    }, {
      title: 'Price',
      dataIndex: 'Price',
      key: 'current_price',
      render: (value) => {
        return <span>$<b>{value.toFixed(2)}</b></span>;
      },
    }, {
      title: 'Market Cap',
      ...
      },
    }, {
      title: 'Change (24hr)',
      dataIndex: 'priceChange',
      key: 'price_change_percentage_24h',
      render: (value) => {
        return <span><b>{value.toFixed(2)}</b>%</span>;
      },
    },
    }];

TL;DR 我在尝试给我当前拥有的结果时遇到了麻烦，not 在 null 时给我一个错误。如果价格大于 1.0，小数点后仅显示 2 个数字，如果价格小于 1.0，则小数点后仅显示 3 或 4 个数字（如下所示）

我为这个愚蠢的问题道歉，但我似乎无法提出解决方案，并且认为如果有人可以帮助我，我会学得最好

Answer 1

使用isNaN() 检查是否不是数字并显示空字符串 然后检查大于 1 并使用 2 位小数 否则使用 3（或 4，如果你喜欢）

return (
  <span>
    <b>
      {isNaN(parseFloat(value)) ? '' : value > 1 ? value.toFixed(2) : value.toFixed(3)}
    </b>
    %
  </span>
);