hmmm.jsx

const testPageJSON = {
  "children": [
    {
      "el": "div",
      "props": {
        "style": {
          "background": "green"
        }
      },
      "children": [
        {
          "el": "h1",
          "props": {
            "style": {
              "color": "red"
            }
          },
          "children": [
            "The quick brown fox jumped over the lazy dog"
          ]
        },
        {
          "el": "h2",
          "children": [
            "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua"
          ]
        }
      ]
    }
  ]
}


class App extends Component {
  render() {
    return (
      <div className='root' style={{'background': 'yellow'}}>
        {testPageJSON.children.map(child => (
          <RecursiveNode node={child} />
        ))}
      </div>
    );
  }
}

class RecursiveNode extends Component {
  render() {
    const node = this.props.node
    if(typeof(node) === 'string') {
      return <span>{node}</span>
    }
    const el = React.createElement(
      node.el,
      node.props,
      node.children.map(child => (
        <RecursiveNode node={child} />
      ))
    )
    return el
  }
}