在占位符 JSX 中渲染特殊字符答案

【问题标题】：Render special characters in placeholder JSX在占位符 JSX 中渲染特殊字符
【发布时间】：2016-06-06 16:05:56
【问题描述】：

我正在构建一个多语言网站，但很难找到将特殊字符呈现为输入中的占位符文本的方法。我尝试在反应文档中指定的任何方式，直接编写 Unicode 字符，将 HTML 实体转换为 String.fromCharCode(xx)，它似乎都无法正确呈现。某些符号可以正常工作，例如注册商标，但带有 É 等重音符号的字符将仅显示为 E。示例如下：

<input type="text" placeholder={`R${String.fromCharCode(233)}SERVER`} />

有没有人遇到过这个问题，或者知道如何解决这个问题？

干杯！

【问题讨论】：

如果您将String.fromCharCode(233) 存储在一个变量中，然后模板字符串该变量，它是否有效？我想知道第二组大括号是否被错误解释

标签： javascript html unicode reactjs jsx

【解决方案1】：

将你的jsx代码写在{}中，如下所示：

<h1>Code {'É'}</h1>

它会起作用的。

【讨论】：

谢谢！刚刚编辑了我的问题。除了输入的占位符文本之外，字符在任何地方都可以很好地呈现。