react test

CodeEditor.js

var CodeEditor = React.createClass({
    componentDidMount: function () {
        this.editor = ace.edit(this.getDOMNode());
        this.editSession = this.editor.getSession();

        this.setLanguage(this.props.language);
        this.setTheme(this.props.theme);
        this.focus();

        this.editor.on('blur', function () {
            this.props.onCodeChange(this.editor.getValue().split('\n'));
            this.props.onBlur();
        }.bind(this));
    },

    componentWillUnmount: function () {
        this.editor.destroy();
    },
    
    setLanguage: function(language){
        this.editSession.setMode('ace/mode/' + language);
    },
    
    setTheme: function(theme){
        this.editor.setTheme('ace/theme/'+ theme);
    },
    
    setCode: function (code) {
        this.editor.setValue(code);
    },
    
    focus: function(){
        this.editor.focus();
    },

    render: function () {
        return (
            <div className="editor"></div>
        );
    }
});
 
React.render(<CodeEditor/>, document.body);