如何通过引用其名称的字符串类型来呈现组件？

import React from 'react';

const componentName = 'MyComponent';

const App = () => {
  const Component = React.lazy(() => import(`./components/${componentName}`));

  return (
    <div>
      <h1>App</h1>
      <<Component />
    </div>
  );
};

export default App;

import React, { Suspense } from 'react';

const componentName = 'MyComponent';

const App = () => {
  const Component = React.lazy(() => import(`./components/${componentName}`));

  return (
    <div>
      <h1>App</h1>
      <Suspense fallback={<div>Loading...</div>}>
        <Component />
      </Suspense>
    </div>
  );
};

export default App;