RN 文件引入js的几种方式

2018-03-06 本文已影响793人小如99

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，方便后续使用。