Create React App 导入组件

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

导入默认导出组件

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

------ ----------- ---- ----------------

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

导入非默认导出组件

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

------ - ----------- - ---- ----------------

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

导入组件并重命名

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

------ - ----------- -- --------------- - ---- ----------------

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

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


上一篇:安装依赖项
下一篇:使用全局变量