React React是個前端開發框架,可以幫助我們更快的開發相對複雜的網頁。 主因是它以組件(Component)的概念為核心,允許你將UI拆分成獨立、可重用...
Component是構建用戶界面的基本單元,每個React應用程式都是由多個component組成的樹狀結構。 其中App.js可以被視為最初的Root com...
React有一些內建的Hooks(例如useState、useEffect、useContext等)以及自定義的Hooks。 這些Hooks可以讓你在函式型組件...
今天結合usestate hook和javascript,輸出不同資料組合出的list,首先我們將資料以key跟value擺放。 const [blogs,se...
如果想重複使用同一筆資料以增加靈活性,我們可能需要在component之間傳遞參數,這時候就可以使用React的props。 React 中的 "pr...
useEffect 是 React 函式組件中用於處理副作用的 Hook。副作用指的是與組件渲染無直接關聯的任何操作,例如資料獲取、訂閱事件、手動操作 DOM...
useEffect可以用來管理執行時機,我們嘗試使用useeffect的性質,來取得json格式的資料。 JSON(JavaScript Object Nota...
如果我們希望在fetch data的空檔,顯示Loading…的字樣,可以使用useState加上邏輯, 例如 ispending被設為true時顯示Loadi...
在前面我們使用useffect和fetch()來取得資料,裡面包含了資料後續處理,例外狀況處理,和Loading顯示等等。 為了讓這個功能可以被重複利用,去抓取...
建立一個網站時我們可能由多個頁面,藉由點擊跳轉去完成。在正常情況,我們發送一個initial url到server,server回傳一個root網頁給我們,之後...