這篇文章給大家分享的是有關(guān)react中文亂碼怎么辦的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧。
react中文亂碼的解決辦法：首先打開(kāi)出現(xiàn)亂碼的源代碼文件；然后修改代碼為“const runbtntext=props.selectedtext?"\u{53d1}\u{5e03}":"\u{53d1}\u{5e03}";”即可。
react中文亂碼的解決
在修改react中的組件信息使用中文的時(shí)候 出現(xiàn)了一些亂碼。
源代碼:
修改后的代碼:
根據(jù)es6中對(duì)中文的unicode處理即可解決。
Unicode介紹
Unicode的目標(biāo)是為世界上每一個(gè)字符提供標(biāo)識(shí)符，標(biāo)識(shí)符稱為碼位或碼點(diǎn)(code point)。而這些碼位是用于表示字符的，又稱為字符編碼(character encode)
在ES6之前， JS 的字符串以 16 位字符編碼(UTF-16)為基礎(chǔ)。每個(gè) 16 位序列(相當(dāng)于2個(gè)字節(jié))是一個(gè)編碼單元(code unit)，可簡(jiǎn)稱為碼元，用于表示一個(gè)字符。字符串所有的屬性與方法(如length屬性與charAt() 方法等)都是基于16位序列
最常用的Unicode字符使用16位序列編碼字符，屬于“基本多語(yǔ)種平面”(Basic Multilingual Plane BMP)，也稱為“零斷面”(plan 0)， 是Unicode中的一個(gè)編碼區(qū)段，編碼介于U+0000——U+FFFF之間。超過(guò)這個(gè)范圍的碼位則要?dú)w屬于某個(gè)輔助平面或稱為擴(kuò)展平面(supplementary plane)，其中的碼位僅用16位就無(wú)法表示了
為此，UTF-16引入了代理對(duì)(surrogate pairs)，規(guī)定用兩個(gè)16位編碼來(lái)表示一個(gè)碼位。這意味著，字符串里的字符有兩種：一種由一個(gè)碼元（共 16 位）來(lái)表示BMP字符，另一種用兩個(gè)碼元（共 32 位）來(lái)表示輔助平面字符
感謝各位的閱讀！關(guān)于react中文亂碼怎么辦就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！
重慶分公司
重慶分公司
