editor.js

import React from 'react';
import Editor from 'jsoneditor';
import 'jsoneditor/dist/jsoneditor.css';

export default class JSONEditor extends React.Component {
  componentDidMount() {
    const options = {
      mode: 'tree',
      modes: ['code', 'text', 'tree'],
      onChange: () => {
        this.props.onChange(this.editor.get())
      }
    }
    this.editor = new Editor(this.ref, options)
    this.editor.set(this.props.json || {})
  }
  render() {
    const {className} = this.props
    return (
      <div ref={ref => this.ref = ref} className={className}>
      </div>
    )
  }
}