1. 程式人生 > >RN----匯入元件,import from 'xxxx'的用法詳解

RN----匯入元件,import from 'xxxx'的用法詳解

作為一個初學者,在如何匯入自己寫的元件時,也容易犯怵,一個簡單的import問題也搞了我大半天,import的方式五花八門,細看下圖吧


就挑幾種在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關鍵字的元件,即預設元件,將其命名為Home(可以自定義命名)


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'檔案裡的所有非預設元件,全部集結成一個Home模型元件,命名可以自定義,然後可以通過點語法,來使用元件裡面的所有export的元件,例如:


相關推薦

RN----匯入元件import from 'xxxx'的用法

作為一個初學者,在如何匯入自己寫的元件時,也容易犯怵,一個簡單的import問題也搞了我大半天,import的方式五花八門,細看下圖吧 就挑幾種在RN中,特別是初學期常用的方式來說說: 1.impo

SpringBoot2 整合Kafka元件應用案例和流程

本文原始碼:GitHub·點這裡 || GitEE·點這裡 一、搭建Kafka環境 1、下載解壓 -- 下載 wget http://mirror.bit.edu.cn/apache/kafka/2.2.0/kafka_2.11-2.2.0.tgz -- 解壓 tar -zxvf kafka_2.11-2.2

Vue props用法父子元件傳值

元件接受的選項之一 props 是 Vue 中非常重要的一個選項。父子元件的關係可以總結為: props down, events up 父元件通過 props 向下傳遞資料給子元件;子元件通過 events 給父元件傳送訊息。 父子級元件 比如我們需要建立兩個元

BigDecimal的用法(保留兩位小數,四舍五入,數字格式化科學計數法轉數字數字裏的逗號處理)

intvalue tom 引用 方法 mda ubi 結果 oid 創建 一、簡介 Java在java.math包中提供的API類BigDecimal,用來對超過16位有效位的數進行精確的運算。雙精度浮點型變量doubl

Hive中order by,sort by, distribute by, cluster by區別用法

1. order by     Hive中的order by跟傳統的sql語言中的order by作用是一樣的,會對查詢的結果做一次全域性排序,所以說,只有hive的sql中制定了order by所有的資料都會到同一個reducer進行處理(不管有多少map,也不管檔案有多少

WaitForMultipleObjects用法一看就懂

原文:https://blog.csdn.net/sac761/article/details/52456385 WaitForMultipleObjects是Windows中的一個功能非常強大的函式,幾乎可以等待Windows中的所有的核心物件。 函式原型為: DWORD Wait

Java BigDecimal使用 Java BigDecimal BigDecimal的用法(保留兩位小數,四捨五入,數字格式化科學計數法轉數字數字裡的逗號處理)

1.引言  float和double型別的主要設計目標是為了科學計算和工程計算。他們執行二進位制浮點運算,這是為了在廣域數值範圍上提供較為精確的快速近似計算而精心設計的。然而,它們沒有提供完全精確的結果,所以不應該被用於要求精確結果的場合。但是,商業計算往往要求結果精確,這時候BigDecimal

java中ArrayList用法基本用法(含增刪改查)

1、什麼是ArrayList ArrayList就是動態陣列,它提供了①動態的增加和減少元素 ②實現了ICollection和IList介面 ③靈活的設定陣列的大小ArrayList是一個其容量能夠動態增長的動態陣列。它繼承了AbstractList,實現了List、Rand

Erlang 中lists的用法和例子說明詳細 全

16,keystore(Key, N, TupleList1, NewTuple) -> TupleList2這個函式和keyreplace函式比較像,不同的是,這個keystore在沒有找到對應的Tuple時, 會將這個NewTuple追加在這個TupleList1的最後。 例子: List1 = [

FileUpload上傳控制元件用法--來自MSDN幫助文件

Visual Basic  複製程式碼 <%@ Page Language="VB" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD

C++中的const成員函式(函式聲明後加const或稱常量成員函式)用法

在C++的類定義裡面,可以看到類似下面的定義: 01 class List { 02 private: 03 Node * p_he

Linux中rz和sz命令用法上傳下載命令

在linux中rz 和 sz 命令允許開發板與主機通過串列埠進行傳遞檔案了,下面我們就來簡單的介紹一下rz 和 sz 命令的例子。 rz,sz是Linux/Unix同Windows進行ZModem檔案傳輸的命令列工具。 優點就是不用再開一個sftp工具登入上去上傳下載檔案。

Linux如何檢視系統當前登入使用者資訊linux su命令引數及用法(linux切換使用者命令)

作為系統管理員,你可能經常會(在某個時候)需要檢視系統中有哪些使用者正在活動。有些時候,你甚至需要知道他(她)們正在做什麼。本文為我們總結了4種檢視系統使用者資訊(通過編號(ID))的方法。 1. 使用w命令檢視登入使用者正在使用的程序資訊 w命令用於顯示已經登入系統的使用

python中yield的用法——最簡單最清晰的解釋

首先我要吐槽一下,看程式的過程中遇見了yield這個關鍵字,然後百度的時候,發現沒有一個能簡單的讓我懂的,講起來真TM的都是頭頭是道,什麼引數,什麼傳遞的,還口口聲聲說自己的教程是最簡單的,最淺顯易懂的,我就想問沒有有考慮過讀者的感受。 接下來是正題: 首先,如果你還沒有

MFC控制元件:listbox控制元件用法

ListBox的操作比較簡單 1新增資料 宣告控制元件變數的類別為Control,變數型別為CListBox,變數名為m_ListBox_Content. m_ListBox_Content.AddString(_T("123")); m_ListBox_Content.AddString(_T("漢字")

java BigDecimal用法(保留小數,四捨五入,數字格式化科學計數法轉數字等)

一、簡介    Java在java.math包中提供的API類BigDecimal,用來對超過16位有效位的數進行精確的運算。雙精度浮點型變數double可以處理16位有效數。在實際應用中,需要對更大或者更小的數進行運算和處理。float和double只能用來做科學計算或者是

BigDecimal的用法(保留兩位小數,四捨五入,數字格式化科學計數法轉數字數字裡的逗號處理)

一、簡介     Java在java.math包中提供的API類BigDecimal,用來對超過16位有效位的數進行精確的運算。雙精度浮點型變數double可以處理16位有效數。在實際應用中,需要對更大或者更小的數進行運算和處理。float和double只能用來做科學計算或

listbox控制元件用法

ListBox基本功能首先是列表項的新增,客戶端實現程式碼新增在listbox例項化程式碼中間,例如: <asp:ListItem Value="value" Selected=True>Text</asp:ListItem> 若在伺服器端實現,為避免每次載入時執行新增列表項,上述程式

js中常用日期控制元件WdatePicker介紹和用法

4. 日期範圍限制  靜態限制  注意:日期格式必須與 realDateFmt 和 realTimeFmt 一致  你可以給通過配置minDate(最小日期),maxDate(最大日期)為靜態日期值,來限定日期的範圍 示例4-1-1 限制日期的範圍是 2006-09-1

Python中self的用法或者總是提示:TypeError: add() missing 1 required positional argument: 'self'的問題解決

最近在學習Python的過程中一直髮現一個問題,就是在從網上看別人寫的一些例項或者一些開源專案的時候,發現一個問題。在呼叫一個類或者一個類方法的時候,總是提示缺少傳遞的引數。自己寫了一個簡單的類似問題,如下: class Add(): def add(self)