在React中插入unicode字符

2 unicode reactjs

我想在我的 React 应用程序中使用这个箭头:U+02197。\n我读了这篇文章,解释了为什么如何强制 unicode 符号呈现为文本而不是 emoji。\n我希望该符号始终呈现为文本。

\n\n

我尝试:

\n\n
<a href="...">U+02197</a>\n
Run Code Online (Sandbox Code Playgroud)\n\n

但它呈现为字符串“U+02197”。如何可视化该字符?\n我也尝试:

\n\n
U+2197 &U+2197; U+02197 U+02197; &U+02197; \\U+02197 \\u02197\n
Run Code Online (Sandbox Code Playgroud)\n\n
\n\n

在 Macbook 上的 Chrome 中使用<a href="...">\xe2\x86\x97&#8599; &#x2197;</a>结果是:在此输入图像描述

\n\n

在 Android 移动设备上的 Chrome/Firefox 上,结果有所不同:在此输入图像描述

\n\n

我希望始终将字符作为文本,所以总是这样在此输入图像描述

\n

Ein*_*son 5

你需要一个特定的格式才能在 React 上工作,你可以执行以下操作:

<a href="...">{'\u02197'}</a>
Run Code Online (Sandbox Code Playgroud)

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