鐵人檔案
去年第一次參加鐵人賽，主題是「從零開始學習React」，因為只想完成30天不間斷發文，所以內容很簡短，今年再度挑戰React，記錄React的一些應用實作筆記。
Install Node.js and NPM 進入Node.js的官網下載Node.js連結網址：https://nodejs.org/en/ 下載...
React Hook的使用規則 • 只在最組件函數的頂層呼叫 Hook。不能在迴圈、判斷式、或是嵌套nested function 中呼叫 Hook。• 只在...
今天用useState()實作TodoList練習 App.js import React,{useState} from "react";...
useEffect會在每次 component render 後執行， 預設情況下每次 render 後都會執行 useEffect (它在第一個 rende...
App.js import React from "react"; import Data from "./components...
React Context提供了一種在不同元件之間共享全局數據資料的方法，讓你輕鬆將prop傳遞到元件樹中需要資料的子元件，而無需將 prop 傳遞到每個層别元...
step:1.import {createContext} from 'react';2.createContext()3.Context.Provider4...
React Router己經更新到v6版本了，它和v5版本在使用上有些許不同。 1. 不再使用Switch標籤，改為Routes標籤，將所有不同的route包裝...
App.js import React from 'react' import { BrowserRouter, Link, Route,Routes}...
前言：Redux Toolkit 是目前編寫Redux 代碼的官方推薦，個人覺得如果是學習Redux新手的話，先了解Redux工作原理，對於學習Redux-to...
