iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
自我挑戰組

React基礎 系列

這些是工作中正在學的,都還沒有正式進專案,所以寫的有點淺,但對我幫助還蠻大的,希望對你們也有幫助。

參賽天數 11 天 | 共 12 篇文章 | 3 人訂閱 訂閱系列文 RSS系列文
DAY 1

第一天,直接用html來寫React的Hello world

React的Hello world react 最簡單的呈現,就是在notepade隨便打開一頁,貼上以下的內容,就檔案存成index.html,之後直接開啟檔...

2020-09-01 ‧ 由 jbuduoo 分享
DAY 2

第二天,React的變數竟然可以放html的tag,這個功能叫JSX

JAVA SCRIPT 是不能接受變數中有html標籤如之類的。而這個可以接受html標籤的功能叫JSX,就是可以將一般的內容加上HTML的標籤使用。而這個功能...

2020-09-02 ‧ 由 jbuduoo 分享
DAY 3

第三天,React關於JSX

JSX 1.JSX語法是React.createElement的簡寫語法,要使用它需要匯入(import)react函式庫,並且要透過babel工具編譯才可以。...

2020-09-03 ‧ 由 jbuduoo 分享
DAY 4

第四天,react安裝環境了。

React安裝環境 Visual Studio Code 安裝位置:https://visualstudio.microsoft.com/zh-hant/dow...

2020-09-04 ‧ 由 jbuduoo 分享
DAY 5

第五天,建立一個React的新專案Create React App

1.開新的檔案(npx是npm 5.2所附帶的套件執行器) npx create-react-app my-app 2.進入到目錄 cd my-app 3....

2020-09-05 ‧ 由 jbuduoo 分享
DAY 6

第六天, React 元件

元件: React的是希望你把許多功能都元件化,元件化後可以重覆使用,而JSX則是元件化一個很重要的工具。但不像前幾天講的,jsx的資料放到某變數中,再把變數放...

2020-09-06 ‧ 由 jbuduoo 分享
DAY 7

第七天,React 關於JSX

JSX 1.JSX語法是React.createElement的簡寫語法,要使用它需要匯入(import)react函式庫,並且要透過babel工具編譯才可以。...

2020-09-07 ‧ 由 jbuduoo 分享
DAY 8

第八天,React圖文元件,重覆使用

React圖文元件,重覆使用 利用一個元件,傳入多個網路圖片位置及文件名稱,做成類似相冊的東西。 匯入元件使用「import SrcTest from './S...

2020-09-08 ‧ 由 jbuduoo 分享
DAY 9

第九天,React 元件的生命周期:

React 元件的生命周期: 這是用console.log跑程式所出來的順序,數字是記錄而已。 1.constructor:初始化4.render:在網頁上輸出...

2020-09-09 ‧ 由 jbuduoo 分享
DAY 10

第10天,React三種使用CSS方法

React三種使用CSS方法 一、在檔案中寫寫css的第一個作法 Header.js import React from "react";...

2020-09-10 ‧ 由 jbuduoo 分享