今天有看到同事寫的代碼， ReactDOM.createPortal，哦豁這是什么API沒有使用過 然后百度了一下，原來這個API可以使自己寫的組件或者元素掛載到任意你你想掛載的dom元素上， ReactDOM.createPortal的使用方法 ...

使用場景 　　在項目中主要是我們遇到彈框，嵌套岑寂較深時，我們可以將定義組件傳送到相應位置，讓其嵌套層級並沒有那么深。例如以下例子。 使用代碼 /** * reactDom 中 傳送門 createPortal 使用 * 組件加載在最外層body上 */ import React ...

基於HTML的前端界面開發正變得越來越復雜，其本質問題基本都可以歸結於如何將來自於服務器端或者用戶輸入的動態數據高效的反映到復雜的用戶界面上。而來自Facebook的React框架正是完全面向此問題的一個解決方案，按官網描述，其出發點為：用於開發數據不斷變化的大型應用程序（Building ...

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

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

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

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

The Redirect component in react-router does exactly what it sounds like. It allows us to redirect from from one route to another. ...