今天目的 今天新增一些語法,讓React可以好使用,今天比較忙,所以只能教比較少。 React箭頭函數 像這樣就是箭頭函數 constructor(prop...
今天目的 今天要傳資料給父祖件,所以就直接開始了。 Searchbar.js 組件 像this.props.xxx就可以傳給父祖件資料 import React...
今日目的 今天利用父祖件接收傳進來的值來收尋文字,對了以下都是在App.js。 render() 由於code太多,我們分解這是主要炫覽畫面。 render()...
今天目的 今天把昨天收尋到的放入到Todolist組件,讓Todolist專門用來顯示結果,用Searchbar用來收尋。 在App.js加Todolist i...
今天目的 今天要新增資料到收尋欄裡,這樣就可以增加收尋資料。 畫面部分 新增按鈕,輸入值後可以新增資料。 render() { const {sea...
今天目的 今天新增資料之後直接用來收尋,我們不用再加上this.state.data,這樣就可以自己加想要的資料。 畫面部分 整體畫面沒有麼改變。 rend...
今天目的 由於刪除功能就複雜,所以要分成上,下。 重新定義Todolist.js 我們在Todolist.js裡要改寫裡面畫面跟新增函數 畫面部分 新增按鈕,並...
今天目的 今天要刪除功能實踐,廢話不多說直接開始。 Todolist.js 函數 handleClick改寫 新增this.props.onItemClick把...
今天目的 介紹React組件的生命週期,除了平常看到render以外,組件還有其他生命週期,等等就來介紹一些。 元件生命週期 元件的生命週期主要可以分為三個時間...
今天目的 今天介紹一個軟體,可以看到自訂義組件的內容。 軟體介紹 首先這個軟體,我是從chrome商店載下來;如果安裝完成後建議把整個瀏覽器重新啟動,不然有時候...