Import和require

437 阅读1分钟

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;