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 Or         


        

Answer 1

What you see, Orçamento, it's a result of a UTF-8 byte array being rendered in ASCII, probably codepage ISO 8859-1.

ReactJS doesn't support non-ASCII characters within HTML.

Try this:

var Orcamento = React.createClass({
    render: function() {
        return (
            

                
 { 'Orçamento' } 

            
;
        );
    }
});

Or simply replace orçamento by Orçamento.

This is well explained in the JSX gotchas.