如何解决react中文乱码问题

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

本教程操作环境：windows7系统、react17.0.1版本，该方法适用于所有品牌电脑。

推荐（免费）：react视频教程

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中文乱码问题的详细内容，更多请关注其它相关文章！