作為一個初學者,在如何導入自己寫的組件時愧哟,也容易犯怵奥吩,一個簡單的import問題也搞了我大半天,import的方式五花八門蕊梧,細看下圖吧
[圖片上傳失敗...(image-dc0345-1531731670653)]
就挑幾種在RN中霞赫,特別是初學期常用的方式來說說:
1.import React ,{ Component } from 'react';
這是RN 0.26后導入React的方式,這意思是肥矢,導入‘react’文件里export的一個默認的組件端衰,將其命名為React以及Component這個非默認組件
2.import Home from './compoments/Home';
這是導入‘compoments/Home’文件里export的帶default關(guān)鍵字的組件,即默認組件,將其命名為Home(可以自定義命名)
[圖片上傳失敗...(image-cd986a-1531731670653)]
3.import { Home } from './compoments/Home';
導入‘compoments/Home’文件里export的叫Home的非默認組件甘改,注意旅东,非默認,以及命名Home
4.import { Home , Discover } from './compoments/Home';
跟3的差不多十艾,不過是{ },可以導入多個組件抵代,用,隔開就可以
5.import * as Home from'./compoments/Home';
意思是將./compoments/Home'文件里的所有非默認組件忘嫉,全部集結(jié)成一個Home模型組件荤牍,命名可以自定義案腺,然后可以通過點語法,來使用組件里面的所有export的組件康吵,例如:
******[圖片上傳失敗...(image-dfe91b-1531731670652)]******
這幾種都是常用的import方式救湖,更多的詳細的可以訪問https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import去了解和學習。涎才。鞋既。