ReactNative學(xué)習(xí)之Props和State

今天拒课,我來說下RN里的Props和State屬性徐勃,以及render()方法。

首先早像,我說下render()方法的作用僻肖,render()的作用是渲染組件。即卢鹦,把文件里寫的組件臀脏、樣式等通過該方法更新到界面上來。

Props,大多數(shù)組件在創(chuàng)建時就可以使用各種參數(shù)來進(jìn)行定制揉稚。用于定制的這些參數(shù)就稱為props(屬性)秒啦。比如Image的source屬性,TextInput的placeholder屬性等等搀玖。

TextInput的屬性

另外余境,自定義的組件也可以使用props。通過在不同的場景使用不同的屬性定制灌诅,可以盡量提高自定義組件的復(fù)用范疇芳来。只需在render函數(shù)中引用this.props。

自定義Blink的name屬性

我們使用兩種數(shù)據(jù)來控制一個組件:props和state延塑。props是在父組件中指定绣张,而且一經(jīng)指定,在被指定的組件的生命周期中則不再改變关带。 對于需要改變的數(shù)據(jù)侥涵,我們需要使用state。

一般來說宋雏,你需要在constructor中初始化state(譯注:這是ES6的寫法芜飘,早期的很多ES5的例子使用的是getInitialState方法來初始化state,這一做法會逐漸被淘汰)磨总,然后在需要修改時調(diào)用setState方法嗦明。上面截圖的例子也是一個定時展示和隱藏文字的例子。

在寫此部分例子的時候蚪燕,還有一點(diǎn)值得注意的地方娶牌,就是此段代碼:state.text.split(' ').map((word)=>word&&'??'),一般在我們的邏輯中“&&”代表邏輯與馆纳,只有當(dāng)前后都為真的情況下诗良,返回真,而這里它是一個執(zhí)行語句鲁驶,先執(zhí)行&&前面的語句鉴裹,如果為真,執(zhí)行&&后面的語句钥弯,返回結(jié)果也是&&后面的執(zhí)行結(jié)果径荔。

Props和State就先說到這,下一篇我來說說Flexbox布局脆霎。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末总处,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子绪穆,更是在濱河造成了極大的恐慌辨泳,老刑警劉巖虱岂,帶你破解...
    沈念sama閱讀 222,946評論 6 518
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異菠红,居然都是意外死亡第岖,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,336評論 3 399
  • 文/潘曉璐 我一進(jìn)店門试溯,熙熙樓的掌柜王于貴愁眉苦臉地迎上來蔑滓,“玉大人,你說我怎么就攤上這事遇绞〖ぃ” “怎么了?”我有些...
    開封第一講書人閱讀 169,716評論 0 364
  • 文/不壞的土叔 我叫張陵摹闽,是天一觀的道長蹄咖。 經(jīng)常有香客問我,道長付鹿,這世上最難降的妖魔是什么澜汤? 我笑而不...
    開封第一講書人閱讀 60,222評論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮舵匾,結(jié)果婚禮上俊抵,老公的妹妹穿的比我還像新娘。我一直安慰自己坐梯,他們只是感情好徽诲,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,223評論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著吵血,像睡著了一般谎替。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上蹋辅,一...
    開封第一講書人閱讀 52,807評論 1 314
  • 那天院喜,我揣著相機(jī)與錄音,去河邊找鬼晕翠。 笑死,一個胖子當(dāng)著我的面吹牛砍濒,可吹牛的內(nèi)容都是我干的淋肾。 我是一名探鬼主播,決...
    沈念sama閱讀 41,235評論 3 424
  • 文/蒼蘭香墨 我猛地睜開眼爸邢,長吁一口氣:“原來是場噩夢啊……” “哼樊卓!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起杠河,我...
    開封第一講書人閱讀 40,189評論 0 277
  • 序言:老撾萬榮一對情侶失蹤碌尔,失蹤者是張志新(化名)和其女友劉穎浇辜,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體唾戚,經(jīng)...
    沈念sama閱讀 46,712評論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡柳洋,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,775評論 3 343
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了叹坦。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片熊镣。...
    茶點(diǎn)故事閱讀 40,926評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖募书,靈堂內(nèi)的尸體忽然破棺而出绪囱,到底是詐尸還是另有隱情,我是刑警寧澤莹捡,帶...
    沈念sama閱讀 36,580評論 5 351
  • 正文 年R本政府宣布鬼吵,位于F島的核電站,受9級特大地震影響篮赢,放射性物質(zhì)發(fā)生泄漏齿椅。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,259評論 3 336
  • 文/蒙蒙 一荷逞、第九天 我趴在偏房一處隱蔽的房頂上張望媒咳。 院中可真熱鬧,春花似錦种远、人聲如沸涩澡。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,750評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽妙同。三九已至,卻和暖如春膝迎,著一層夾襖步出監(jiān)牢的瞬間粥帚,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,867評論 1 274
  • 我被黑心中介騙來泰國打工限次, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留芒涡,地道東北人。 一個月前我還...
    沈念sama閱讀 49,368評論 3 379
  • 正文 我出身青樓卖漫,卻偏偏與公主長得像费尽,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子羊始,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,930評論 2 361

推薦閱讀更多精彩內(nèi)容