React Native匯入匯出

2022-07-14 11:15:21 字數 757 閱讀 3986

元件

exportdefaultclasstestcomponentextendscomponent}

使用export default關鍵字,來匯出預設的元件。

importtestcomponentfrom'./testcomponent'

變數和常亮

// 變數exportvarname ='xiaoming';// 常亮exportconstage =24/*批量匯出*/export

importfrom'./testcomponent'

方法

exportfunctionsum(numa,numb)

importfrom'./testcomponent'

總結

除了default預設匯出的元件以外,其他的變數、常亮或方法,都需要使用大括號括起來匯入。使用的時候和原來在當前頁面使用的方式相同。如方法的使用依然是:result =sum(1,2);結果當然是3。

注意:./表示當前檔案的同級目錄,../表示當前檔案的上層目錄,當目錄結構非常複雜時,要小心點不要寫錯了。

React native 3 匯入和匯出

1.元件的匯入和匯出 因為自定義元件有三種方式,所以匯出方式也有三種 注意修改新建檔案的類名,然後在類名前新增export default 將他匯出 在其他元件中引用,先導入你的自定義元件,然後與android的view類似 匯入 import hellocomponent from helloco...

React Native 元件的匯出和匯入

在react native 中如何自己定義乙個元件是一件非常容易的事情。下面是構建元件的幾種方式。在es5中主要使用 module.exports hellocomponent 進行元件的匯出 一 元件的匯出 第一種方式 es6 es6 元件的建立 export default class hell...

ReactNative元件匯出

如果對rn開發有一定的了解的話,就會發現,reactnative提供的元件不能完全滿足開發的需求,就需要自定義一些元件,那麼如何匯出全域性的自定義元件呢?元件匯出有兩種形式 開發者一般使用預設元件匯出 首先在專案下面新建乙個資料夾rn design rn design就是乙個自己的元件庫類似於rea...