test.jsx

import React, { Component } from 'react';
import AceEditor from 'react-ace';
import brace from 'brace'
import sql from 'brace/mode/sql';
import xcode from 'brace/theme/xcode';

export default class Explorer extends Component {
  constructor(args) {
    super(args);

    this.handleChangeQuery = this.handleChangeQuery.bind(this);
  }

  state = {
    aaa: ''
  }

  handleChangeQuery(value) {
    this.setState({aaa: value});
  }

  render() {
    return (
      <AceEditor
    mode="sql"
    theme="xcode"
    name="blah1"
    height="6em"
    onChange={this.handleChangeQuery}
  />
    );
  }

}