AI 助理
备案控制台
开发者社区 问答 正文

#React 如何使用React和ES6导入和导出组件？

#React 如何使用React和ES6导入和导出组件？

展开
收起
因为相信，所以看见。 2020-05-07 19:43:41 965 分享 版权

版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

1 条回答
写回答
取消 提交回答
  • 因为相信，所以看见。
    阿里，我所有的向往

    您应该使用默认值导出组件

    import React from 'react'
import User from 'user'

export default class MyProfile extends React.Component {
  render(){
    return (
      <User type="customer">
        //...
      </User>
    )
  }
}

    使用导出说明符，MyProfile将成为成员并导出到此模块，并且可以导入该模块，而无需在其他组件中提及名称。

    2020-05-07 19:44:22
    赞同 展开评论
问答分类：
前端开发
问答标签：
React Native es6 React Native导出 react.js组件 react.js ES6 react.js导出
问答地址：
开发者社区 > 开发与运维 > 问答
相关问答
如何在React组件中使用JSX？
74
1
0
.babelrc文件中应如何配置以支持React和ES6？
107
1
0
在React项目中，如何使用Ant Design组件库进行UI组件和页面布局？
227
1
0
如何在React组件中使用Mobx状态管理库，并展示状态数据？
89
1
0
在React项目中，如何实现页面组件的懒加载？
79
1
0
React.lazy 提供了什么功能，如何启发我们进行组件的代码分割？
57
1
0
为什么react开发基本都需要redux，react为什么不自己实现一个组件间交互的功能？
66
1
0
在React中，如何订阅外部存储并在组件中同步这些变化？
77
1
0
React的Hook组件有什么用处呢？
543
1
0
React Native包括的本机组件有什么作用吗？
861
1
0