react的筆記整理

2022-09-08 16:45:17 字數 1558 閱讀 9825

生命週期

react的生命中歐琪分上狀態分別是

mount  update  unmount

三個狀態中有五個鉤子函式

componentdidmount()  元件載入到頁面以後  往往是

ajax

componentdidupadte() 元件更新完成以後

腳手架

react檔案的內容

index.css 是整個網頁全域性樣式

index.js就是出口檔案

react中定義元件的方法

1.react.createclass()

定義元件的method中的

this

指向元件本身

2.建構函式

定義的元件是無狀態的,沒有state狀態,沒有生命週期,不能訪問

this

。就是乙個純粹的靜態頁面。

中的事件函式中的

this

不是指向元件本身是

null

2.通過

class

建立的元件的成員函式需要手動繫結

3.在class

定義元件中新增

state

react中的元件巢狀

元件巢狀

:將子元件以標籤的形式寫在父元件的模板中

元件之間的通訊

父傳子

通過props傳遞給子元件

將父元件中的資料,繫結在子元件的標籤上,充當標籤的屬性值,子元件中通過props接收

子傳父

通過函式層層傳遞

react路由

react推出了兩個路由的版本,乙個是

react-router

另乙個是

react-router-dom

後者比譴責個多乙個元件 叫

link

元件就是

a第一步  npm i react-router-dom -s

第二步配置路由

引入router元件

import  from "react-router-dom"

React學習整理

react設計思想及其獨特,屬於革命性創新,效能出眾,邏輯卻非常簡單。庫 library 小而巧,庫只提供了特定的api。優點是船小好調頭,可以很方便的從乙個庫切換到另外的庫,但是 幾乎不會改變。框架 framework 大而全,框架提供了一整套的解決方案。所以,如果在專案中間,想切換到另外的框架是...

React中常用外掛程式整理

react中建立元件 1 第一種建立元件的方式 使用建構函式來建立元件,如果要接收外界傳遞的資料,需要在建構函式的引數列表中使用props來接收 必須要向外return乙個合法的jsx的虛擬dom。建立元件 第一種建立元件的方式 function hello props return 元件中的pro...

React筆記02 React中的元件

乙個網頁可以被拆分成若干小部分,每個部分都可以稱為元件,即元件是網頁中的一部分。元件中還可以有多個元件。乙個元件的構成 import react from react render 實際專案中用下方這種簡化寫法 import react,from react render 語法拆分理解 import...