如何通过字符串动态创建自定义组件

const components = {
  ComponentA: ComponentA,
  ComponentB: ComponentB,
  // 其他自定义组件
};

function createComponentFromString(string) {
  // 根据传入的字符串获取对应的组件类
  const componentClass = components[string];
  
  // 如果找不到对应的组件类，则返回一个默认的错误提示组件
  if (!componentClass) {
    return <div>未找到对应的组件</div>;
  }
  
  // 使用React.createElement函数创建组件实例
  return React.createElement(componentClass);
}

function App() {
  const componentString = "ComponentA";
  const dynamicComponent = createComponentFromString(componentString);
  
  return (
    <div>
      <h1>动态创建自定义组件</h1>
      {dynamicComponent}
    </div>
  );
}