javascript - How to render accents in ReactJs?

Question

I'm trying render an element which has an accent character using ReactJS and JSX, but it's not returning what I wanted.

My JSX:

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

            </div>
        );
    }
});

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

My rendered 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")
);

And my result in browser:

Or?§amento

I've set <meta charset="UTF-8"> in my index file inside the head tag, accent characters works in page title and body if this word is typed direct in page content, but is not working when it's rendered by ReactJs

How can I fix this problem?

Answer 1

I resolved! the problem is because I'm compiling JSX using gulp, and file generated is not UTF-8, so I save as file in UTF-8 that is working!