react动态加载组件怎么实现

在React中，动态加载组件可以通过React.lazy()函数和Suspense组件来实现。

1. 使用React.lazy()函数来动态加载组件。React.lazy()函数接受一个函数，这个函数需要返回一个import()函数调用的动态导入。例如：

const MyComponent = React.lazy(() => import('./MyComponent'));

2. 使用Suspense组件来渲染动态加载的组件。Suspense组件可以在加载组件时显示一个加载指示器，并在加载完成后显示组件内容。例如：

import React, { Suspense } from 'react';

function App() {
  return (
    

      Loading...
}>