React筆記 4 react語法3

2022-01-28 20:04:43 字數 805 閱讀 2184

生命週期

很多語言中都講了關於生命週期。這可是決定生命的周始,有沒有存在感的關鍵啊。

生命週期,有生有死,有始有終,因果輪迴,迴圈往復。(說多了)

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教育枯燥乏味...