生命週期
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...