鐵人檔案
今日目的 今天來安裝React以及啟動React，會把啟動後的圖貼上。 安裝Node 因為是Node.js開發，首先要先安裝Node.js，從Node.js 0...
今日目的 今天把昨天React下載的檔案丟入編輯器，我個人使用Vscoed，然後先點開src資料夾底下的App.js的檔案。如圖 更改開始的程式頁面 首先頁面，...
今日目的 介紹何謂JSX語法，新增組件後引入組件，可以刷新畫面的樣子。 JSX語法 這個有趣的標籤語法不是一個字串也不是 HTML。 這個語法叫做 JSX，是一...
今天目的 今天在src裡開啟index.js檔案，我們在裡面設定外部屬性。開啟index.js檔案 設定外部屬性(Props) 設定外部屬性text如下 imp...
今日目的 今天要設定內部屬性，以及使用內部屬性。 設定內部屬性(State) 內部屬性(state)比較像是組件內部的變數，有私有(private)與封裝(en...
今天目的 今天要定義其他資料，並且印到畫面上，還有定一個輸入框，並且把值印到畫面上。 定義其他State 我們到Todolist.js檔案修改程式碼，首先我們定...
今天目的 今天把輸入值存到陣列，把陣列值一一迭代印到畫面上。 把輸入的值存到item 利用事件(e)抓到現在輸入的值，再把輸入的值堆疊到陣列，堆疊到陣列後利用s...
今天目的 今天做一個收尋視窗，把輸入的值找到之後印到畫面上。 新增Searhbar組件 import React from 'react'; import Se...
今天目的 今天要加值到陣列，並且把陣列做印出到畫面，並且做收尋。 新增輸入框跟按鈕 新增輸入框並且填值，按下按鈕後新增資料，由於程式碼後長所以只能解部分，請見諒...
今天目的 由於昨天寫的功能全部寫在一起，這樣不好，我們要優化它，所以把功能拆成一個個組件。 App.js 我們先拆成，只用顯示的組件，如下App.js impo...
