React 包是做什麼的，它做什麼

react [re·act ||rɪ'ækt]

v.反應，抵抗，工作。

React 使建立使用者介面、設計簡潔的狀態檢視以及在資料更改時有效地更新渲染介面變得非常容易

1.採用虛擬DOM的概念，效能好，速度快。

2.虛擬 DOM 幫助解決了跨瀏覽器問題，並為我們提供了標準化的 API。

3.一切都是乙個元件，更加模組化，更易於重用，並且高度可維護。

reacton

功能開啟; 右。。。。有影響; 右。。。。產生影響。 示例：theriseof

thecharges

forwater

andelectricity

willreact

onliving

expenses.

水電費的增加將對生活成本產生影響。

reactto

反應; 反應。 示例： HE

reacted

wellto

penicillin.

他對青黴素反應良好。

在 ComponentWillMount 元件出現之前，DOM 還沒有被渲染到 HTML 文件中，而 ComponentDidMount 元件被渲染並出現在 DOM 文件中，可以實現每個週期的特定操作。

1、與react元件的生命週期有關，與元件掛載相關的生命週期如下：

1、constructor( )

2、componentwillmount( )

3、render( )

4、componentdidmount( )

上述方法是從上到下依次呼叫的，即如果要獲取外部資料並將其載入到元件上，則只能在元件中執行此操作"已經"您只能通過將其掛載到真實的網頁上來執行此操作，否則您將無法載入元件。

** 在 ComponentDidMount 方法中，只有在元件完全掛載到網頁上後才會呼叫和執行，因此可以載入資料。 此外，在此方法中呼叫 setstate 方法將觸發重新呈現。 因此，官方設計方法用於載入外部資料，或處理其他*****。

當元件準備好掛載時，建構函式在一開始就被呼叫，因此元件尚未掛載到網頁上。 ComponentWillMount 方法是在建構函式之後，在渲染之前呼叫的，並且該方法中對 setstate 方法的 ** 呼叫不會觸發重新渲染，因此一般不用於載入資料，也很少使用。

通常，從後台（伺服器）獲取的資料會與要在元件上使用的資料載入有關，因此是在 componentDidMount 方法中完成的。 雖然在建構函式中也可以完成與元件上無關的資料的載入，但建構函式是用於元件狀態的初始轉換，而不是為載入資料而設計的，因此所有的 *** 都會集中在 componentdidmount 方法中。

生命週期。

在 ComponentWillMount 元件出現之前，DOM 尚未呈現到 HTML 文件中。

渲染完成的 componentdidmount 元件已出現在 DOM 文件中。

每個週期中都可以實施特定的操作。

React 的路由是乙個單頁反轉庫，沒有其他元件。

1. React Router 使 UI 與 URL 保持同步。 它有乙個簡單的 API，具有強大的功能，如緩衝區載入、動態路由匹配、世界失敗和適當的位置轉換處理。

2. 學習 React 路由，需要學習路由的各種方法和語法，搜尋糞便級路由的各種鉤子函式。