Create React App 导入组件

在 React 应用程序中，我们通常会将界面拆分成多个组件，每个组件负责渲染特定的部分。在 Create React App 中，我们可以通过导入组件来引入所需的功能模块。

导入默认导出组件

当一个组件使用 export default 导出时，我们可以使用以下语法来导入该组件：

import MyComponent from './MyComponent';

在上面的例子中，我们导入了名为 MyComponent 的组件，并将其赋值给一个变量 MyComponent。这样我们就可以在代码中使用 MyComponent 组件了。

导入非默认导出组件

当一个组件使用 export 导出时，我们需要使用以下语法来导入该组件：

import { MyComponent } from './MyComponent';

在上面的例子中，我们导入了名为 MyComponent 的组件，并将其赋值给一个变量 MyComponent。需要注意的是，这里的花括号 {} 是必须的，用于指定导入的是哪些组件。

导入组件并重命名

有时候我们希望导入的组件使用不同的变量名，可以通过以下语法来实现：

import { MyComponent as CustomComponent } from './MyComponent';

在上面的例子中，我们导入了名为 MyComponent 的组件，并将其重命名为 CustomComponent。这样我们就可以在代码中使用 CustomComponent 组件了。

通过以上方式，我们可以方便地导入所需的组件，并在应用程序中灵活使用它们。