1转唉、
//引入外部的js文件
var TestView = require('./Test');
但是這樣皮钠,Test.js文件末就必須要手動(dòng)export Test 如下:
module.exports = Test;
2、
import Test from './Test'
這種簡(jiǎn)單赠法,也最常用麦轰,引入的是有如下標(biāo)志符的組件:
export default class Test extends Component {
./的意思是返回到上一級(jí)目錄,如果Test和你引用Test.js的文件不在一個(gè)目錄的時(shí)候需要這樣找到Test.js文件
3砖织、
import React, { Component } from 'react';
{ Component }是什么意思呢款侵?追蹤到React組件下面,可以看到如下這段代碼:
image.png
可以看到Component是React中的一個(gè)屬性侧纯,由此可知新锈,這種引入方式,是引入組件React的同時(shí)眶熬,取出了React組件的一個(gè)屬性Component妹笆,方便后續(xù)使用块请。
更多的樣式請(qǐng)參考:RN----導(dǎo)入組件,import from 'xxxx'的用法詳解