为什么此JSX中存在随机空间？

Question

我有这个JSX渲染：

<AverageCostDescription>
  Results ranged from <AverageCost>{measureName ? `${currency}${tradMin} - ${currency}${tradMax}` : `${currency}${flexMin} - ${currency}${flexMax}`}.</AverageCost> The average is calculated from running five thousand simulations.
</AverageCostDescription>

我的问题是，为什么最后一个数字和句点之间似乎有一个随机空间？看到这张图片：

使用开发工具还表明它是一个空间：

但是我不认为我在JSX中留出了空间吗？我不确定这是否是CSS问题，因为我的span仅附加了font-weight: 600，因此也看不到。难道这就是React只是渲染它的方式？