这篇文章给大家分享的是有关react中文乱码怎么办的内容。小编觉得挺实用的，因此分享给大家做个参考。一起跟随小编过来看看吧。

创新互联是一家专注于网站设计、成都网站建设与策划设计,井冈山网站建设哪家好?创新互联做网站,专注于网站建设十载,网设计领域的专业建站公司;建站业务涵盖:井冈山等地区。井冈山做网站价格咨询:028-86922220

react中文乱码的解决办法：首先打开出现乱码的源代码文件；然后修改代码为“const runbtntext=props.selectedtext?"\u{53d1}\u{5e03}":"\u{53d1}\u{5e03}";”即可。

react中文乱码的解决

在修改react中的组件信息使用中文的时候 出现了一些乱码。

源代码:

修改后的代码:

根据es6中对中文的unicode处理即可解决。

Unicode介绍

Unicode的目标是为世界上每一个字符提供标识符，标识符称为码位或码点(code point)。而这些码位是用于表示字符的，又称为字符编码(character encode)

在ES6之前， JS 的字符串以 16 位字符编码(UTF-16)为基础。每个 16 位序列(相当于2个字节)是一个编码单元(code unit)，可简称为码元，用于表示一个字符。字符串所有的属性与方法(如length属性与charAt() 方法等)都是基于16位序列

最常用的Unicode字符使用16位序列编码字符，属于“基本多语种平面”(Basic Multilingual Plane BMP)，也称为“零断面”(plan 0)， 是Unicode中的一个编码区段，编码介于U+0000——U+FFFF之间。超过这个范围的码位则要归属于某个辅助平面或称为扩展平面(supplementary plane)，其中的码位仅用16位就无法表示了

为此，UTF-16引入了代理对(surrogate pairs)，规定用两个16位编码来表示一个码位。这意味着，字符串里的字符有两种：一种由一个码元（共 16 位）来表示BMP字符，另一种用两个码元（共 32 位）来表示辅助平面字符

感谢各位的阅读！关于react中文乱码怎么办就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到吧！

当前标题：react中文乱码怎么办-创新互联
URL地址：http://chengdu.cdxwcx.cn/article/jjies.html