React 组件中的 JSX 将西里尔文文本显示为 habra-codabra

Posted 2023-02-22

【中文标题】React 组件中的 JSX 将西里尔文文本显示为 habra-codabra

【英文标题】：JSX in React component shows cyrillic text as habra-codabra

【发布时间】：2019-01-12 13:33:54

【问题描述】：

我使用 React Redux 模板创建了一个标准的 ASP.NET Core 2.1 Web 应用程序。

在 Home 组件中，我想将英语更改为西里尔文，如下所示：

当我在本地运行它时，此代码呈现如下：

看起来 JSX 没有将文件编译成 UTF8 编码。但我不知道如何检查文件编译成什么编码以及如何改变这种行为。

你能告诉我吗？

更新：

在 index.html 的 head 标签中，字符集设置为 utf-8：

【问题讨论】：

然后检查 Home.js 的编码。

大多数编辑器都可以选择使用指定编码保存或使用编码重新打开。我怀疑 Home.js 没有编码为 UTF-8，也许尝试在编辑器中检查编码？ Babel 和 tsc 等 JSX 转换器不会影响编码。

谢谢，js 文件有 Windows-1251 编码。 Спасибо, js 文件 был в Windows-1251 кодировке

【参考方案1】：

正如 Alexey Lebedev 所说，Home.js 文件具有 Windows-1251 编码。我在文本编辑器中手动将编码更改为 UTF-8 后，西里尔字母开始正确显示。