React组件导入的两种方式
react组件一般有两种导入格式,一种是es6的,一种是common js的
//es6
import component from './component'
//common js
require('./component')
//这两个在导入包去使用的时候,他们是等价的
一般不推荐两种方式混用,但是他俩各自有个自己的特点。import方法和主流编程方式类似,一般推荐在最上方显示。require方式则有更多的编辑方式,可以在js代码中加入require,批量导入时可以使用循环导入,并且还可以做动态导入。
这两个的export方法要求也不同,用import引入的组件只需要export default即可
而通过require引入的组件需要在底部声明module.exports = component,比如像下面这样
import React, { Component } from 'react';
export default class hello extends Component {
render() {
return (
<View>
<Text>Hello</Text>
</View>
);
}
}
//require的导出方法
module.exports = loginView;