react 入門相關思考

2021-10-01 21:51:14 字數 826 閱讀 5949

宣告式開發

只關心資料,不操作 dom,面向資料開發
單向資料流

父元件可以個子元件傳遞資料,子元件只能使用,不能做出改變等操作子元件想改變資料,必須從父元件

傳遞乙個父元件的方法來執行,最終還是 執行父元件的方法

可以和其他框架並存

react 只作用於其元件掛載的指定 id 的html 上,不影響其他的html 標籤
元件化

元件化,定義 class *** extends component 來建立乙個元件,元件首字母是大寫的,父元件通過

屬性向子元件傳值或者傳方法等,子元件想操作父元件的資料需要父元件傳遞乙個方法給子元件,簡介實

現運算元據

檢視層框架

react 只幫助開發者解決資料和頁面渲染上的問題,元件之間怎麼傳值,它並不能很好的解決,當元件層

級太多的話,使用就很麻煩了,下面這張圖元件樹,1號元件想和2號元件通訊,1號元件需要層層向上傳

遞,這就很麻煩了。

函式式程式設計

都是乙個個函式編寫,也便於自動化測試。
props state 和 render 之間的關係

當 props 或 state 發生變化的時候, render 函式就會執行一次

react路由相關

在react router4.0版本中我們不要安裝react router這個外掛程式,我們要使用react router dom這個外掛程式 react router 基礎包react router dom 基於瀏覽器端的路由 對react router和react router dom的理解 r...

REACT相關配置

const require customize cra const path require path module.exports override fixbabelimports import addwebpackalias customize cra是乙個庫,用yarn add引入即可,fix...

react 開發入門

三子棋遊戲 安裝react 建立本地伺服器 啟動執行 直接通過命令安裝 修改測試初始化 刪除src目錄下所有檔案 複製中的index.css和index.js檔案 啟動檢視npm start 增加互動 使用陣列將歷史資料儲存在最上層的game中,可以訪問歷史步驟,如下 import react fr...