有没有办法在React原生中将string jsx转换为react组件级别？

import React from 'react';

function stringToComponent(stringJSX) {
  // 解析字符串形式的JSX
  const { type, props, children } = parseStringJSX(stringJSX);

  // 创建React组件
  const component = React.createElement(type, props, children);

  return component;
}

// 解析字符串形式的JSX
function parseStringJSX(stringJSX) {
  // 解析过程，将字符串形式的JSX解析为组件类型、属性对象、子元素

  // 示例解析过程
  const type = 'div';
  const props = { className: 'my-component' };
  const children = ['Hello, World!'];

  return { type, props, children };
}

// 使用示例
const stringJSX = '<div className="my-component">Hello, World!</div>';
const component = stringToComponent(stringJSX);

export default component;