import React, { Component } from 'react';
export default class Main extends Component {
//構(gòu)造函數(shù)
constructor(props) {
super(props);
console.log("constructor");
//初始化狀態(tài)值
this.state = {message: "helloworld"}
}
//準(zhǔn)備加載組件
componentWillMount() {
console.log("componentWillMount");
}
//渲染界面
render() {
console.log("render");
return (
<div style={styles.container}>
<p style={styles.info}>
{this.state.message}
</p>
</div>
);
}
//組件加載成功并渲染出來
componentDidMount() {
console.log("componentDidMount");
}
//組件接收到新的 props 時(shí)觸發(fā)
componentWillReceiveProps(nextProps) {
console.log("componentWillReceiveProps");
}
//決定是否需要更新組件
shouldComponentUpdate(nextProps, nextState) {
console.log("shouldComponentUpdate");
}
//組件重新渲染前會調(diào)用
componentWillUpdate(nextProps, nextState) {
console.log("componentWillUpdate");
}
//組件重新渲染后會調(diào)用
componentDidUpdate(prevProps, prevState) {
console.log("componentDidUpdate");
}
//組件被卸載前會調(diào)用
componentWillUnmount() {
console.log("componentWillUnmount");
}
}
const styles = StyleSheet.create({
container:{
flex:1,
marginTop:40,
alignItems:'center',
},
info:{
fontSize:20,
},
});
AppRegistry.registerComponent('HelloWorld', () => Main);
react 組件的生命周期樣例
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門雄驹，熙熙樓的掌柜王于貴愁眉苦臉地迎上來佃牛，“玉大人，你說我怎么就攤上這事荠医∮跬眩” “怎么了桑涎？”我有些...
- 文/不壞的土叔 我叫張陵彬向，是天一觀的道長。 經(jīng)常有香客問我攻冷，道長娃胆，這世上最難降的妖魔是什么？ 我笑而不...
- 正文 為了忘掉前任等曼，我火速辦了婚禮里烦，結(jié)果婚禮上凿蒜，老公的妹妹穿的比我還像新娘。我一直安慰自己胁黑，他們只是感情好废封，可當(dāng)我...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著丧蘸，像睡著了一般漂洋。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上力喷，一...
- 文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼陈症！你這毒婦竟也來了眯娱？” 一聲冷哼從身側(cè)響起，我...
- 序言：老撾萬榮一對情侶失蹤爬凑，失蹤者是張志新（化名）和其女友劉穎徙缴，沒想到半個(gè)月后，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體嘁信，經(jīng)...
- 正文 獨(dú)居荒郊野嶺守林人離奇死亡于样，尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
- 正文 我和宋清朗相戀三年，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了潘靖。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片穿剖。...
- 正文 年R本政府宣布贬芥，位于F島的核電站，受9級特大地震影響宣决，放射性物質(zhì)發(fā)生泄漏蘸劈。R本人自食惡果不足惜，卻給世界環(huán)境...
- 文/蒙蒙 一尊沸、第九天 我趴在偏房一處隱蔽的房頂上張望威沫。 院中可真熱鬧贤惯，春花似錦、人聲如沸棒掠。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽烟很。三九已至浦译，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間溯职，已是汗流浹背精盅。 一陣腳步聲響...
- 正文 我出身青樓，卻偏偏與公主長得像僻族，于是被迫代替她去往敵國和親粘驰。 傳聞我的和親對象是個(gè)殘疾皇子，可洞房花燭夜當(dāng)晚...
推薦閱讀更多精彩內(nèi)容
- 這一節(jié)，我們將會根據(jù)上一節(jié)的React輪播圖這個(gè)組件度秘，大概說一下React組件的生命周期顶伞。我跟大家說的生命周期可能...
- 注：（1）componentDidMount只會在組件初始化的時(shí)候調(diào)用。組件加載完后剑梳，再執(zhí)行this.setSta...
- getDefaultProps(獲取默認(rèn)屬性) 作用于組件類唆貌，只調(diào)用一次，返回對象用于設(shè)置默認(rèn)的props垢乙，對于引...
