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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React组件中的JSX将西里尔文本显示为habra-codabra相关的知识,希望对你有一定的参考价值。

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

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

enter image description here

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

enter image description here

看起来JSX不会将文件编译成UTF8编码。但我不知道如何检查编译的文件的编码方式以及如何更改此行为。

你可以告诉我吗?

更新:

在index.html的head标签中,charset设置为utf-8:

enter image description here

enter image description here

答案

正如Alexey Lebedev告诉Home.js文件有Windows-1251编码。在文本编辑器中手动将编码更改为UTF-8后,Cyrillic开始正确显示。

以上是关于React组件中的JSX将西里尔文本显示为habra-codabra的主要内容,如果未能解决你的问题,请参考以下文章

react中的jsx丶实现原生dom的渲染丶函数组件丶类组件的首次渲染实现

ReactJs - 将带有嵌套 React 组件的原始 HTML 转换为 JSX

react 入门

React JSX:如何将道具设置为占位符属性

用 JSX 中的 HTML 跨度节点替换字符串中的花括号

TypeScript/JSX 中的通用 React 组件?