react如何引入组件
引入组件的方法
在React中，引入组件主要有以下几种方式，具体取决于组件的定义方式和项目结构。
默认导出组件
当组件使用export default定义时，可以通过以下方式引入：
import ComponentName from './path/to/Component';命名导出组件
如果组件是命名导出（不使用default），需要使用花括号引入：
import { ComponentName } from './path/to/Component';动态导入组件
对于代码分割或按需加载的场景，可以使用动态导入：
const ComponentName = React.lazy(() => import('./path/to/Component'));第三方库组件
从第三方库引入组件时，通常直接指定库名：
import { Button } from 'antd';组件路径规范
- 相对路径适用于项目内部组件，如
./components/Button - 绝对路径需要配置（如Webpack的
resolve.alias），可简化为@/components/Button - 文件扩展名在大多数现代构建工具中可以省略
注意事项
确保组件文件有正确的导出方式，与导入语句匹配
动态导入的组件需要配合Suspense使用
TypeScript项目需要同时满足类型导入的语法要求
