用jsx写一个组件懒加载的方法

可以使用React.lazy和React.Suspense实现组件的懒加载。具体实现方式如下：

import React, { lazy, Suspense } from 'react';

const LazyComponent = lazy(() => import('./LazyComponent'));

function MyComponent() {
  return (
    <div>
      <Suspense fallback={<div>Loading...</div>}>
        <LazyComponent />
      </Suspense>
    </div>
  );
}

export default MyComponent;

在上述代码中，使用React.lazy方法动态加载组件./LazyComponent，并使用React.Suspense组件来显示一个加载中的文本。当组件加载完成时，会自动渲染懒加载的组件。