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

Posted

技术标签:

【中文标题】在占位符 JSX 中渲染特殊字符【英文标题】:Render special characters in placeholder 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) 存储在一个变量中,然后模板字符串该变量,它是否有效?我想知道第二组大括号是否被错误解释 【参考方案1】:

将你的jsx代码写在中,如下所示:

<h1>Code 'É'</h1>

它会起作用的。

【讨论】:

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

以上是关于在占位符 JSX 中渲染特殊字符的主要内容,如果未能解决你的问题,请参考以下文章

用c#中列表中的连续元素替换字符串占位符

Python-初学笔记之字符串

Go语言基础:语言格式|变量|常量|数据类型|占位符|转义符

Go语言基础:语言格式|变量|常量|数据类型|占位符|转义符

如何在 React 和 JSX 中导入名称中包含特殊字符的 JS 文件?

Spring 当 @PathVariable 遇上 . # /等特殊字符