React Native引數使用

2021-08-16 02:35:25 字數 750 閱讀 3724

我們的在程式中使用各種函式方法就離不開傳入引數,那麼如何在react native中使用引數呢?下面先來看乙個例子

1、系統元件使用引數

import react,  from 'react';

class image extends component ;

return (

);}}

這裡我們使用到了顯示的元件 image,這個和我們的經驗是一致的。元件主要是宣告它的位址,通過source屬性指定,不過我們這裡並不是直接指定,而是利用乙個變數當作引數引用進來,在jsx語法中使用let 來宣告乙個變數。

在reactnative 中引數稱為 props。

2

、自定義元件使用引數

import react,  from 'react'; 

class greeting extends component !

);

} } class lotsofgreetings extends component

}

這裡我們自定義了元件greeting,內部實質內容就是乙個 text ,不過它可以接受乙個引數 ,通過 的形式,this.props指代程式引數集合,name  指代具體的引數名稱,我們在實際使用 greeting 元件的時候,指定 name 屬性,最終就是傳入到text ,將指定的內容拼接上。

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