首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在react中将字符串转换为jsx字符串|如何在react中将Unicode转义序列转换为Unicode字符

在react中将字符串转换为jsx字符串|如何在react中将Unicode转义序列转换为Unicode字符
EN

Stack Overflow用户
提问于 2020-01-08 15:23:41
回答 2查看 432关注 0票数 0
代码语言:javascript
运行
复制
<Hello name={'\u4ed8\u52a0\u4fa1\u5024\u7a0e# IE9834481A'}></Hello>
代码语言:javascript
运行
复制
class Hello extends Component {
    render() {
        return (
            <div>
                {this.props.name}
            </div>
        );
    }
}

上面的两个代码片段工作正常&给出了预期的结果,即转义序列被转换为相关的unicode字符。

现在考虑一下,有一个数组(动态填充),数组的值将是输入标记的默认值&这个数组包含unicode转义序列。

例如:<input value={array[i]}></input>

我试过做<input value={<Hello name={array[i]}></Hello>}></input>

但o/p是对象对象。

如果我在input标记中硬编码字符串,o/p将如预期的那样为<input value={<Hello name={'\u4ed8\u52a0\u4fa1\u5024\u7a0e'}></Hello>}></input>

我应该如何解决这个问题,最终我想用包含unicode转义序列的数组值预先填充输入标记(在转换为unicode字符之后)。

EN

回答 2

Stack Overflow用户

发布于 2020-01-08 15:35:42

代码语言:javascript
运行
复制
console.log(JSON.parse('"\u4ed8\u52a0\u4fa1\u5024\u7a0e# IE9834481A"'));

票数 0
EN

Stack Overflow用户

发布于 2020-01-08 16:29:43

不允许将React Node传递给输入值。这是一个预期的字符串。如果需要Hi,可以使用函数。

代码语言:javascript
运行
复制
const hello = (name) => `Hi ${name}`;


ReactDOM.render(
  <input value={hello('\u4ed8\u52a0\u4fa1\u5024\u7a0e')}></input>,
  document.getElementById('root')
);
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/59641168

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档