parent.js

import React, { Component } from 'react'
import JsonSchemaForm from 'react-jsonschema-form'

import NodeNumberInput from '../components/node-number-input'
import NodeSchemaInput from '../components/node-schema-input'
import FlowDataInput from '../components/flow-data-input'

export default class FlowJsonSchemaEditor extends Component {

  state = {
    nodeNumber: null,
    nodeSchema: {},
    flowData: {},
    nodeData: {}
  }

  handleSchemaChange = ({ formData, edit, errors }) => {
    console.log(formData, edit, errors)
  }

  render() {
    const { nodeSchema, nodeData } = this.state

    return <div>

      <NodeNumberInput/>

      <NodeSchemaInput/>

      <FlowDataInput/>

      <h1>Schema Output</h1>
      <JsonSchemaForm
        schema={nodeSchema}
        formData={nodeData}
        onChange={this.handleSchemaChange}/>
    </div>
  }
}