React使用export导出类
来源:互联网 发布:国外人工智能机器人 编辑:程序博客网 时间:2024/05/22 03:38
React中使用export导出类可以有两种方法
1. export default classname
这种导出方式与export default class classname extends React.class相同
在其他文件中引用时采取如下方式
import classname form path
例如:
Com.js
class Welcome extends React.Component{ render(){ return <h1> hello,{this.props.name}</h1> }}function App(){ return ( <div> <Welcome name="Sara"/> <Welcome nmae="Peng"/> </div> );}export default App;
index.js
import App from './components/Com';const element=<App/>;ReactDOM.render(element, document.getElementById('root'));
2. export {classname1,classname2}
在其他文件中引用时采用如下方式
import {classname1,classname2} from path
import {classname1} //注意引用一个类时也要加上{}
例如:
class Welcome extends React.Component{ render(){ return <h1> hello,{this.props.name}</h1> }}function App(){ return ( <div> <Welcome name="Sara"/> <Welcome nmae="Peng"/> </div> );}export {Welcome,App};
index.js
import {App} from './components/Com';const element=<App/>;ReactDOM.render(element, document.getElementById('root'));
阅读全文
0 0
- React使用export导出类
- 使用dbms_stats.export导出统计信息
- React Native的import和export的使用
- 使用eclipse export导出war,运行报错无法找到类解决办法
- 在DB2中使用EXPORT实现将数据导出文本文件
- Magento 导入导出分类插件Category Import Export使用教程
- ios开发之svn使用之导出export/checkout
- 使用export/import导出和导入docker容器
- 使用export/import导出和导入docker容器
- 导出表 export table
- svn export –导出
- DevExpress GridControl Export 导出
- export导出数据
- PE结构->【导出表】Export
- 内存变量 Export / Import ...To Memory ID 'ID_Name' / From Memory ID 'ID_Name' 导出/读取的使用
- 在exchange 2007和2010中使用export-mailbox和import-mailbox导出导入邮箱数据。
- 使用datapump 导出导入同义词(export and import synonym using datapump)
- 一键导出更快捷——Aspose.Words使用Export to PDF宏
- Ubuntu16.04安装配置嵌入式交叉编译工具链arm-linux-gcc
- ros_qtc_plugin插件新建项目
- LeetCode:Palindrome Number
- 软件测试之普通文本框、数值文本框、数据列表、下拉菜单测试方法
- opencv基本数据类型
- React使用export导出类
- Qt项目打包发布流程(Windows平台&动态链接)
- 中标麒麟高级服务器6.0安装JDK、MYSQL
- 文本挖掘--文本特征选择-java实现
- 算法系列——Binary Tree Zigzag Level Order Traversal
- [面试题]猴子分桃子递归超简练代码
- Qt判断网络是否在
- yarn平台的简单运行过程和任务分配
- Thread创建线程