我想在我的 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\nU+2197 &U+2197; U+02197 U+02197; &U+02197; \\U+02197 \\u02197\n
Run Code Online (Sandbox Code Playgroud)\n\n在 Macbook 上的 Chrome 中使用<a href="...">\xe2\x86\x97↗ ↗</a>
结果是:
你需要一个特定的格式才能在 React 上工作,你可以执行以下操作:
<a href="...">{'\u02197'}</a>
Run Code Online (Sandbox Code Playgroud)
您必须使用花括号来防止 React 将字符串格式化为 HTML 内容。