1、

    //引入外部的js文件
      var TestView = require('./Test');

但是這樣，Test.js文件末就必須要手動export Test 如下：

    module.exports = Test;

2、

    import Test from './Test'

這種簡單，也最常用，引入的是有如下標志符的組件：

export default class Test extends Component {

./的意思是返回到上一級目錄，如果Test和你引用Test.js的文件不在一個目錄的時候需要這樣找到Test.js文件

3、

import React, { Component } from 'react';

{ Component }是什么意思呢？追蹤到React組件下面，可以看到如下這段代碼：

image.png

可以看到Component是React中的一個屬性，由此可知，這種引入方式，是引入組件React的同時，取出了React組件的一個屬性Component，方便后續(xù)使用。

更多的樣式請參考：RN----導入組件，import from 'xxxx'的用法詳解