生命週期
很多語言中都講了關於生命週期。這可是決定生命的周始,有沒有存在感的關鍵啊。
生命週期,有生有死,有始有終,因果輪迴,迴圈往復。(說多了)
react中,主要說明的是 乙個元件的生命週期。簡單來講就是:
初始化 → 渲染 → 更新 → (渲染) → 銷毀 。。。
最常用的三個生命週期
1. componentwillmount
相當於初始化,在render渲染動作執行前要幹的事。
2. componentdidmount
在render渲染動作執行後馬上要幹的事。
3. componentwillunmount
銷毀,在元件從頁面dom中移除時要幹的事。
老套路,舉個例子吧。
'use strict';import react, from 'react';
import reactdom from 'react-dom';
class lifecycle extends component , 500);
}render()
componentdidmount()
componentwillunmount()
}//建立元件
reactdom.render(
,);//2s後移除元件
settimeout(function () , 2000);
4 react 元件之間傳值。
1 傳值 都是使用props和state結合得方式進行元件之間得傳值 再react中傳值得話是父子元件之間得傳值,一般會把父元件中得state值通過props傳給子元件,再子元件中使用props進行接收 實現方法 把父元件中得text狀態通過props傳給子元件,然後再子元件中使用props進行接收...
React筆記 2 react語法1
這一節內容主要以了解為主。漸漸的體會react的語法和其特性。htmlandjs 混合編寫 react和以往的前後臺書寫方式不一樣。在之前的多個語言中,講求的是將頁面 和js 邏輯分開,包括原來的css檔案都有獨立的分裝。而react的提供了一種html和js語句混合編寫的方式。這就是jsx。先不詳...
react學習筆記4
header class site header jumbotron div class container div class row div class col xs 12 h1 歡迎來到妙味課堂 h1 p class lead 妙味課堂是一支獨具特色的it培訓團隊,妙味反對傳統it教育枯燥乏味...