React簡介 1.由來 　　React是有Facebook開發出來用於構建前端界面的JS組件庫，由於其背后的強大背景，使得這款庫在技術開發上完全沒有問題。 2.React的優勢 　　解決大規模項目開發中數據不斷變化變得難以操作的問題； 　　組件化開發，使得開發更加快速； 　　單向 ...

如果把一個頁面分為多個組件組成的話(組件多層嵌套)， 想要在Panel和Calendar之間傳值就不能用以往的props屬性了。 解決方法： Panel.js 使用React.cloneElement(this.props)來渲染子元素，使用第二個 ...

現在使用腳手架（react-create-app）的項目不需要在在css文件后面添加module就會自動為其添加模塊化后綴 在react 中使用css有以下幾種方法 第一種全局使用 app.js 直接在入口文件引入，我這里是app.js 引入或css文件會作用至所有的組件 ...

目錄 1、useState保存組件狀態 2、useEffect 處理副作用 3、useContext 減少組件層級 4、useReducer 數據交互 5、us ...

路由 路由（routing）是指分組從源到目的地時，決定端到端路徑的網絡范圍的進程。 路由器當然是作為一個轉發設備出現的，主要是轉發數據包來實現網絡互聯。 那么react的路由到底指的是什么呢？ 舉個栗子~~~ 在網頁中點擊后，從A頁面跳到B頁面，跳轉過程中url發生變化，這就是一個簡單 ...

有一個需求是這樣的。 一個組件里若干個區塊。區塊數量不定。 區塊里面是一個波浪效果組件，而這個一般用 SVG 做。 所以就變成了在 react 中使用 SVG 的問題。 首先是波浪效果需要的樣式。 引入樣式，以及組件文件的結構。 一個組件文件里 ...

有一個需求是這樣的。 一個組件里若干個區塊。區塊數量不定。 區塊里面是一個正六邊形組件，而這個用 SVG 和 canvas 都可以。我選擇 canvas。 所以就變成了在 react 中使用 canvas 的問題。 canvas 和 SVG 有一個很大的不同。 SVG 是標簽 ...

使用Context，可以跨越組件進行數據傳遞 通過靜態方法React.createContext()創建一個Context對象，這個Context對象包含兩個組件，<Provider />和<Consumer />。 < ...