在React

Question

我想在我的React应用程序中使用此箭头：U + 02197。 我读过this article，它解释了为什么要强制Unicode符号将呈现为表情符号插入的文本。 充气时，我希望该符号始终显示为文本。

我尝试：

<a href="...">U+02197</a>

但是将其呈现为字符串“ U + 02197”。如何可视化字符？ 我也尝试：

U+2197 &U+2197; U+02197 U+02197; &U+02197; \U+02197 \u02197

---

在Macbook上的Chrome中使用<a href="...">↗&#8599; &#x2197;</a>的结果是：

和Android移动设备上的Chrome / Firefox上的结果不同：

我总是希望将char作为文本，因此总是喜欢。

Answer 1

尝试String.fromCharCode()，其中参数是Unicode字符（十六进制）的十进制表示形式。

U + 02197将写为String.fromCharCode(8599)

就我而言，我需要一个向上（U + 25B2）和一个向下（U + 25BC）的箭头，所以我可以像这样进行操作：

<span className="direction">
   {String.fromCharCode(this.state.direction === "up" ? 9650 : 9660)}
</span>

Answer 2

尝试使用十六进制代码：

<a href="...">&#x2197;&#xFE0E;</a>

来源：https://www.fileformat.info/info/unicode/char/2197/index.htm

Answer 3

您需要一种特定的格式来进行反应，您可以执行以下操作：

<a href="...">{'\u02197'}</a>

您必须使用大括号以防止将字符串格式化为仅HTML内容。