1. React Router的理解 React的路由根據(jù)項目的不同使用不同的路由庫,web應(yīng)用主要使用react-router和react-r...
投稿
收錄了11篇文章 · 2人關(guān)注
-
第十一節(jié):React路由:react-router認識與基本使用
-
第十節(jié): React組件間的通信
父子組件通信說明: 父組件通過props屬性,將一般數(shù)據(jù)傳遞給子組件react是單行數(shù)據(jù)流, 因此,如果子組件需要將數(shù)據(jù)傳遞給父組件首先父組件通...
-
第九節(jié):React 腳手架
1. React腳手架 1.1 react 腳手架的理解 腳手架: 用來幫助程序員快速創(chuàng)建一個模板項目,包含了所有需要的依賴配置,和工程配置 r...
-
第八節(jié):React組件的生命周期其實React組件并不是真正的DOM, 而是會生成JS對象的虛擬DOM, 虛擬DOM會經(jīng)歷創(chuàng)建,更新,刪除的過程 這一個完整的過程就構(gòu)成了組件的...
-
第七節(jié):React列表渲染與數(shù)據(jù)收集1. 列表渲染 1.1 列表渲染說明: 列表渲染 先將列表數(shù)據(jù)轉(zhuǎn)為React元素列表, 然后在渲染 React會將React元素列表自動展開渲染...
-
第六節(jié):React組件:狀態(tài)提升與條件渲染1. 狀態(tài)提升 1.1 狀態(tài)提升說明 目前為止,已經(jīng)了解了每個組件都有自己的狀態(tài)state,通過setState修改狀態(tài)觸發(fā)渲染 也了解了父組件...
-
第五節(jié):React組件:獲取DOM元素或子組件實例對象的Refs屬性
1. 認識refs 1.1 refs說明 refs是React提供的一種訪問DOM節(jié)點的方式 DOM節(jié)點上使用ref屬性主要有三種不同方式獲取D...
-
第四節(jié):React組件狀態(tài)的State屬性
1. State狀態(tài)理解 關(guān)于state的理解 state 是組件對象中最重要的屬性,值是對象(可以包含多個數(shù)據(jù)) 組件被稱為"狀態(tài)機",通過更...
-
第三節(jié):React組件傳參的props屬性
1. 認識props 1.1 理解組件傳參 組件通常非常強的可復(fù)用性.但是如果組件每次返回的都是同一個React元素,那么組件的擴展性將會變差 ...
-
第二節(jié):React組件基本使用和事件處理
1. 對于組件的理解 官網(wǎng)定義: 組件，從概念上類似于 JavaScript 函數(shù)。它接受任意的入?yún)ⅲ?“props”），并返回用于描述頁面展...
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1881139527',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://upload.jianshu.io/collections/images/1990735/1656214152.jpg', '推薦專題《React系列》（ 分享自 @簡書 ）','http://www.itdecent.cn/c/795d736d82cc?utm_campaign=maleskine&utm_content=collection&utm_medium=reader_share&utm_source=weibo','頁面編碼gb2312|utf-8默認gb2312'));){kind=link}