import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import AceCodeEditor from '@aligov/components-ace-code-editor';
// 从 ace-builds中导入 需要的语言 ace-builds/src-noconflict/mode-xxxxx
import "ace-builds/src-noconflict/mode-javascript";

// 从 ace-builds中导入 需要的主题 ace-builds/src-noconflict/theme-xxxxx
import "ace-builds/src-noconflict/theme-monokai";


function onChange(val) {
  console.log(val);
}

class App extends Component {
  render() {
    return (
      <div>
        <AceCodeEditor
        id="ace-code-editor"
        mode="javascript"
        theme="monokai"
        value="function a() { return 1 + 1;}"
        onChange={onChange}  />
      </div>
    );
  }
}

ReactDOM.render((
  <App />
), mountNode);