資訊專欄INFORMATION COLUMN
摘要：生命周期函數(shù)指在某一個(gè)時(shí)刻組件會(huì)自動(dòng)調(diào)用執(zhí)行的函數(shù)，的生命周期函數(shù)主要有初始化掛載更新卸載父組件在組件即將被掛載到頁面的時(shí)刻自動(dòng)執(zhí)行，掛載完畢不再執(zhí)行組件被掛載到頁面之后，自動(dòng)被執(zhí)行，掛載完畢不再執(zhí)行組件被更新之前，自動(dòng)被執(zhí)行組件被更新之前
生命周期函數(shù)指在某一個(gè)時(shí)刻組件會(huì)自動(dòng)調(diào)用執(zhí)行的函數(shù)，React的生命周期函數(shù)主要有
Initialization(初始化）
Mounting(掛載）
Updation(更新）
Unmounting(卸載）
父組件 // 在組件即將被掛載到頁面的時(shí)刻自動(dòng)執(zhí)行，掛載完畢不再執(zhí)行
componentWillMount() {
console.log("componentWillMount")
}
render() {
console.log("parent render");
return //JSX
}
// 組件被掛載到頁面之后，自動(dòng)被執(zhí)行，掛載完畢不再執(zhí)行
componentDidMount() {
console.log("componentDidMount")
}
// 組件被更新之前，自動(dòng)被執(zhí)行
shouldComponentUpdate() {
console.log("shouldComponentUpdate")
return true;
}
// 組件被更新之前，它會(huì)自動(dòng)執(zhí)行，但是它在shouldComponentUpdate之后執(zhí)行
// 如果shouldComponentUpdate返回true它才執(zhí)行
// 返回false，這個(gè)函數(shù)就不會(huì)被執(zhí)行了
componentWillUpdate() {
console.log("componentWillUpdate")
}
// 組件更新完成之后自動(dòng)被執(zhí)行
componentDidUpdate() {
console.log("componentDidUpdate")
}
子組件
// 一個(gè)組件從父組件接收了參數(shù)
// 如果這個(gè)組件第一次存在于父組件中，不會(huì)執(zhí)行
// 如果這個(gè)組件之前已經(jīng)存在于父組件中，才會(huì)執(zhí)行
componentWillReceiveProps() {
console.log("child componentWillReceiveProps")
}
// 當(dāng)這個(gè)組件即將被從頁面中剔除的時(shí)候，會(huì)被執(zhí)行
componentWillUnmount() {
console.log("child componentWillUnmount")
}
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/53680.html
摘要：生命周期函數(shù)指在某一個(gè)時(shí)刻組件會(huì)自動(dòng)調(diào)用執(zhí)行的函數(shù)，的生命周期函數(shù)主要有初始化掛載更新卸載父組件在組件即將被掛載到頁面的時(shí)刻自動(dòng)執(zhí)行，掛載完畢不再執(zhí)行組件被掛載到頁面之后，自動(dòng)被執(zhí)行，掛載完畢不再執(zhí)行組件被更新之前，自動(dòng)被執(zhí)行組件被更新之前 生命周期函數(shù)指在某一個(gè)時(shí)刻組件會(huì)自動(dòng)調(diào)用執(zhí)行的函數(shù)，React的生命周期函數(shù)主要有 Initialization(初始化） Mounting(掛...
摘要：生命周期函數(shù)指在某一個(gè)時(shí)刻組件會(huì)自動(dòng)調(diào)用執(zhí)行的函數(shù)，的生命周期函數(shù)主要有初始化掛載更新卸載父組件在組件即將被掛載到頁面的時(shí)刻自動(dòng)執(zhí)行，掛載完畢不再執(zhí)行組件被掛載到頁面之后，自動(dòng)被執(zhí)行，掛載完畢不再執(zhí)行組件被更新之前，自動(dòng)被執(zhí)行組件被更新之前 生命周期函數(shù)指在某一個(gè)時(shí)刻組件會(huì)自動(dòng)調(diào)用執(zhí)行的函數(shù)，React的生命周期函數(shù)主要有 Initialization(初始化） Mounting(掛...
摘要：用于規(guī)范的類型與必需的狀態(tài)。表示由組件更改的數(shù)據(jù)，通常是通過與用戶的交互來更改的。為了實(shí)現(xiàn)的修改，需要注冊(cè)事件處理程序到相應(yīng)的元素上。當(dāng)事件發(fā)生時(shí)，將更新后的值是從中檢索，并通知組件。通常情況下，該函數(shù)初始化狀態(tài)使用，，或其他數(shù)據(jù)存儲(chǔ)。 前言 上一篇文章中，我們講到了JSX的一些用法和注意事項(xiàng)，這次我們來講react中最基礎(chǔ)也是特別重要的內(nèi)容：組件。這篇文章包含組件的以下內(nèi)容：狀態(tài)、屬...
摘要：虛擬之所以快，是因?yàn)樗恢苯硬僮鳌４送?，?shí)現(xiàn)了一套完整的事件合成機(jī)制，能夠保持事件冒泡的一致性，跨瀏覽器執(zhí)行。大部分情況下，我們都是在構(gòu)建的組件，也就是操作虛擬。例如就表示組件被插入之前。組件更新后執(zhí)行組件被移除前執(zhí)行獲取真實(shí)的強(qiáng)制更新 React對(duì)底層的代碼作了封裝，在大多數(shù)情況下，我們不需要直接去操作DOM。但是有時(shí)候我們還是需要使用到底層的代碼的，比如輸入框獲取焦點(diǎn)，這個(gè)時(shí)候可以...
閱讀 2350·2019-08-30 15:44
閱讀 1273·2019-08-30 13:01
閱讀 3316·2019-08-30 11:22
閱讀 3103·2019-08-29 15:23
閱讀 1622·2019-08-29 12:22
閱讀 3384·2019-08-26 13:58
閱讀 3450·2019-08-26 12:17
閱讀 3488·2019-08-26 12:16
