Javascript 如何在ReactJs中呈现重音？

我正在尝试使用

ReactJS

和JSX渲染一个具有重音字符的元素，但它没有返回我想要的内容

我的JSX：

var Orcamento = React.createClass({
    render: function() {
        return (
            <div>
                <h1>Orçamento</h1>

            </div>
        );
    }
});

React.render(
    <Orcamento/>,
    document.getElementById("orcamento")
);

以及我在浏览器中的结果：

Orçamento

我已经在我的索引文件中的

head标记中设置了

，如果这个单词直接在页面内容中键入，则重音字符在页面标题和正文中起作用，但在

ReactJs

---

如何解决此问题？

您所看到的，

或çamento

，这是UTF-8字节数组以ASCII格式呈现的结果，可能是代码页ISO

ReactJS不支持HTML中的非ASCII字符

试试这个：

var Orcamento = React.createClass({
    render: function() {
        return (
            <div>
                <h1> { 'Orçamento' } </h1>

            </div>;
        );
    }
});

var Orcamento=React.createClass({
render:function（）{
返回(
{'Orçamento'}
;
);
}
});

或者干脆用

或ç替换
或çamento
；阿门托

---

这在中得到了很好的解释。

我决定了！问题是因为我正在使用

gulp

编译

JSX

，而生成的文件不是

UTF-8

，所以我在

UTF-8

中另存为文件，该文件正在工作

同样使用字符集utf-8，尝试使用此库：

从“he”导入{decode}；
类Post扩展组件{
render（）{
{解码（this.props.post.title）}
}
}   

我尝试使用{'Orçamento'}，但也不起作用，而“Or&çamento”可能对我来说不是一个好方法，因为如果我的页面语言是葡萄牙语-巴西语，我不能每次看到accentsI时都放上这段代码。您确定JSX文件的编码是UTF-8吗？是的，JSX文件和JSX编译的js文件是UTF-8I尝试在meta标记中为“iso-8859-1”和“UTF-8”设置字符集，并将浏览器检测编码设置为自动，但不起作用。哪里有文件证明ReactJS不支持非ASCII字符？这不在您引用的页面上，我在OP中的代码中的简单演示效果很好：。我只是复制了您的代码并制作了一个JSFIDLE:。正如你所期待的那样，这对我来说很有效。我用记事本编辑了我的组件文件，并保存为utf-8。如果使用VS代码或类似代码，请将项目或文件编码更改为utf-8

var Orcamento = React.createClass({
    render: function() {
        return (
            <div>
                <h1> { 'Orçamento' } </h1>

            </div>;
        );
    }
});

import { decode } from 'he';

class Post extends Component { 
  render() {
    <h1>{ decode(this.props.post.title) }</h1>  
  }
}