javascript – 如何在ReactJs中呈现重音？

我正在尝试使用ReactJS和JSX渲染元素,内容重音字符,但它不会返回我想要的

我的JSX：

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

            </div>
        );
    }
});

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

我呈现的javascript：

var Orcamento = React.createClass({displayName: "Orcamento",
    render: function() {
        return (
            React.createElement("div", null, 
                React.createElement("h1", null, "Orçamento")

            )
        );
    }
});

React.render(
    React.createElement(Orcamento, null),
    document.getElementById("orcamento")
);

我在浏览器中的结果：

Orçamento

我设置了< meta charset =“UTF-8”>在你的head标签中,如果在你的内容中直接输入这个单词,则重音字符在页面标题和页面主体中起作用,但在ReactJs渲染时它不起作用

我该如何解决这个问题？

解决方法:

你看到了什么,Orçamento,它是一个UTF-8字节数组以ASCII格式呈现的结果,可能是代码页ISO 8859-1.

ReactJS不支持HTML中的非ASCII字符.

试试这个：

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

            </div>;
        );
    }
});

或者简单地用Or&#231; amento代替orçamento.

这在JSX gotchas中得到了很好的解释.

标签：javascript,reactjs,react-jsx
来源： https://codeday.me/bug/20190725/1528271.html