关于RN组件的导出export和export default
发布时间:2020-12-15 08:20:29 所属栏目:百科 来源:网络整理
导读:一般我们在定义了一个组件之后,为了复用,需要将它导出以提供给其他页面使用。 组件导出的关键字是 exprot default 没有加default时,例如: export class Template{} 当然,你可以在单个js文件里声明多个组件,例如Templates.js export class Template{}ex
一般我们在定义了一个组件之后,为了复用,需要将它导出以提供给其他页面使用。 组件导出的关键字是 exprot default
没有加default时,例如: export class Template{}
当然,你可以在单个js文件里声明多个组件,例如Templates.js export class Template{}
export class AnotherTemplate{}
这样在其他文件引用时,需要使用{}符号且组件名称必修和class名称一样,像这样子: import {Template,AnotherTemplate} from './components/Templates';
而加default时,例如: export default class Template{}
然后在其他文件引用,像这样子: import Template from './components/Templates';
你也可以为这个组件另起一个别名,像这样子: import TheTemplate from './components/Templates';
但是每个文件里只能有个default组件,可以包含其他非default组件: export default class Template{}
export class AnotherTemplate{}
然后引用的时候,如下: import Template,{AnotherTemplate} from './components/Templates';
总结
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |