从api提取格式更好的数据

时间:2019-11-12 12:38:38

标签: javascript reactjs api

几天前问了一个有关格式化从api提取的数据的问题,我得到了一些奇妙的答案!但是,我在api没有某些资产数据的页面上收到以下错误消息:

enter image description here

例如(上面突出显示的代码已删除):

enter image description here

    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时却给我一个错误。对于任何可以帮助我的人来说,大笔积分也仅在小数点IF大于1.0时显示2个数字,如果价格小于1.0,则小数点后3个或4个数字(如下所示)

enter image description here

我为这个笨拙的问题道歉,但我似乎无法提出解决方案,并认为如果有人可以帮助我,id会学习得最好

1 个答案:

答案 0 :(得分:0)

使用isNaN()检查它是否不是数字并显示空字符串 然后检查大于1并使用2个小数 否则使用3(如果愿意,则使用4)

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