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?