reactjs - 在 React 中插入 unicode 字符

Question

我想在我的 React 应用程序中使用这个箭头:U+02197。我读了this article这解释了为什么如何强制 unicode 符号呈现作为表情符号的文本。Infat 我希望符号始终呈现为文本。

我尝试:

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

但它呈现为字符串“U+02197”。我如何可视化字符？我也试试:

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

---

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

在 Android 移动设备上的 Chrome/Firefox 上结果不同:

我总是想要字符作为文本，所以总是这样 .

Answer 1

您需要特定的格式才能在 React 上运行，您可以执行以下操作:

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

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