我們的在程式中使用各種函式方法就離不開傳入引數,那麼如何在react native中使用引數呢?下面先來看乙個例子
1、系統元件使用引數
import react, from 'react';
class image extends component ;
return (
);}}
這裡我們使用到了顯示的元件 image,這個和我們的經驗是一致的。元件主要是宣告它的位址,通過source屬性指定,不過我們這裡並不是直接指定,而是利用乙個變數當作引數引用進來,在jsx語法中使用let 來宣告乙個變數。
在reactnative 中引數稱為 props。
2
、自定義元件使用引數
import react, from 'react';這裡我們自定義了元件greeting,內部實質內容就是乙個 text ,不過它可以接受乙個引數 ,通過 的形式,this.props指代程式引數集合,name 指代具體的引數名稱,我們在實際使用 greeting 元件的時候,指定 name 屬性,最終就是傳入到text ,將指定的內容拼接上。class greeting extends component !
);
} } class lotsofgreetings extends component
}
React Native 安裝使用
1 首先 執行 cmd r 輸入 powershell noprofile executionpolicy bypass command iex new object net.webclient downloadstring set path path allusersprofile chocola...
React Native基礎使用
一 元件的宣告 匯出 export default class homeview extends react.component二 元件的引入 import footer from footer 三 變數 常量和方法的匯出 匯出乙個變數 export var name nie 匯出乙個方法 expo...
react native簡單使用
index.js 匯入自己的元件頁面 import myhomepage from myhomepage.js 第二個引數,表示要把哪個頁面註冊為專案的首頁 myhomepage.js 在 rn 中只能使用 js 作為 元件的字尾名,不能使用 jsx import react,from react ...