去年第一次參加鐵人賽,主題是「從零開始學習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...