如何在React中动态导入模块

在React中动态导入模块可以使用ES6的import()函数来实现。import()函数是一个异步函数，可以动态地加载一个模块。

示例代码：

import React, { useState, useEffect } from 'react';

const MyComponent = () => {
  const [dynamicModule, setDynamicModule] = useState(null);

  useEffect(() => {
    import('./DynamicModule').then(module => {
      setDynamicModule(module.default);
    });
  }, []);

  return (
    <div>
      {dynamicModule && <dynamicModule />}
    </div>
  );
};

export default MyComponent;

在上面的示例中，我们使用import()函数动态加载一个名为DynamicModule的模块，并将其设置为dynamicModule状态。然后在组件中根据dynamicModule的值来渲染相应的组件。

需要注意的是，import()函数返回一个Promise对象，因此我们需要使用.then()方法来获取加载的模块。另外，动态加载模块的路径需要使用相对路径，否则可能会出现路径解析问题。