React: 如何制作像 m2, km2 这样的项目（在字母 'm' 的右上角有数字 2）

Question

这是我的代码：

<Text color={"black.400"} fontWeight={"bold"} fontSize={"16px"}>
    {totalArea} m2
</Text>

我想让文本显示在字母 'm' 右上角的数字 2。叫什么名字？

Answer 1

<sup> 标签定义上标文本。上标文本出现在正常线上方半个字符，有时会以较小的字体呈现。

所以，你可以做到

<Text color={"black.400"} fontWeight={"bold"} fontSize={"16px"}>
    {totalArea} m<sup>2</sup>
</Text>

React: How to make item like m2, km2 (have the number 2 in the top right of letter 'm')