iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
自我挑戰組

從零開始學習React 系列

喜歡從做中學,邊學邊記錄,純粹自我挑戰。

鐵人鍊成 | 共 30 篇文章 | 5 人訂閱 訂閱系列文 RSS系列文
DAY 11

Day11 小實作-數字時鐘

使用 React useState Hook 創建數字時鐘 import React, {useState} from 'react'; import me...

2021-09-26 ‧ 由 maline77 分享
DAY 12

Day12 React -Events

在 React中處理事件就像 HTML 一樣,React 可以根據用戶事件執行動作。具有與 HTML 相同的事件:點擊、更改、滑鼠事件…等。 使用 react...

2021-09-27 ‧ 由 maline77 分享
DAY 13

Day13 React- Forms(1)

小實作React Form 和Event的應用,使用useState Hook,讓input輸入的值,經按下Button,input中的值會在Shopping...

2021-09-28 ‧ 由 maline77 分享
DAY 14

Day14 React- Forms(2)

import React , {useState} from 'react'; const Forms = () => { cons...

2021-09-29 ‧ 由 maline77 分享
DAY 15

Day15 Todo List

import React , { useState }from 'react' const Dolist = () => { const [...

2021-09-30 ‧ 由 maline77 分享
DAY 16

Day16 補充筆記React-Controlled Component

在學習React的表單時勢必先了解什么是 React的受控组件(controlled component)和非受控组件(uncontrolled compone...

2021-10-01 ‧ 由 maline77 分享
DAY 17

Day17 在React 中使用Material icons

在React中可以插入Material icon組件使用,步驟如下: Material icons網址連結 1.首先先要安裝@mui/icons-materia...

2021-10-02 ‧ 由 maline77 分享
DAY 18

Day18 使用React建立手風琴菜單(accordion menu)

主程式Accordion.js import React ,{useState} from 'react'; import {questions} from...

2021-10-03 ‧ 由 maline77 分享
DAY 19

Day19 React Context API

在典型的 React 應用程序中,數據通過 props 自上而下(父元件到子元件)傳遞,但是對於應用程序中的許多組件都會使用到的資料,或是定義資料的元件跟實際用...

2021-10-04 ‧ 由 maline77 分享
DAY 20

Day20 React 使用Bootstrap 5快速建立網頁

首先先要安裝Bootstrap 5的套件 安裝Bootstrap 5套件連結 • Install with npm : npm install bootstr...

2021-10-05 ‧ 由 maline77 分享