元件
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...