如何在react上innerHTML一个jsx元素

import React from 'react';

class InnerHtmlComponent extends React.Component {
  render() {
    return <div dangerouslySetInnerHTML={{ __html: this.props.html }} />;
  }
}

export default InnerHtmlComponent;

import React from 'react';
import InnerHtmlComponent from './InnerHtmlComponent';

class ParentComponent extends React.Component {
  render() {
    const jsxElement = <h1>Hello, World!</h1>;

    return <InnerHtmlComponent html={jsxElement} />;
  }
}

export default ParentComponent;