几天前问了一个有关格式化从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时却给我一个错误。对于任何可以帮助我的人来说,大笔积分也仅在小数点IF大于1.0时显示2个数字,如果价格小于1.0,则小数点后3个或4个数字(如下所示)
我为这个笨拙的问题道歉,但我似乎无法提出解决方案,并认为如果有人可以帮助我,id会学习得最好
答案 0 :(得分:0)
使用isNaN()
检查它是否不是数字并显示空字符串
然后检查大于1并使用2个小数
否则使用3(如果愿意,则使用4)
return (
<span>
<b>
{isNaN(parseFloat(value)) ? '' : value > 1 ? value.toFixed(2) : value.toFixed(3)}
</b>
%
</span>
);