-
---
查看全部 -
筆記
查看全部 -
筆記
查看全部 -
html是什么
查看全部 -
?Props案例
查看全部 -
?實現(xiàn)
查看全部 -
截圖查看全部 -
Facebook推出的JS庫：用來創(chuàng)建用戶界面
只和UI打交道，可以看作MVC中的V這一層
React特點：
聲明式寫法：?
輕松創(chuàng)建用戶交互界面UI，設(shè)計視圖，在數(shù)據(jù)改變時可以高效地更新渲染界面。
聲明式寫法強調(diào)結(jié)果，和強調(diào)過程的命令式編程相對，
組件化：?
Web的世界由各種Html標簽的組合構(gòu)成
React是基于組件的設(shè)計流程。我們唯一需要關(guān)注如何構(gòu)建組件，組件有著良好的封裝性，讓代碼的復(fù)用，測試，分離更簡單。
查看全部 -
刪除列表：基本流程和增加列表差不多，但是有兩個點需要注意：
1、如何將參數(shù)index傳到父組件中，我一開始用（e/index）=>this.props.onDeleteComment(e/index),發(fā)現(xiàn)傳到父組件中都是一個合成事件，找不到索引，只能順序刪除。后來參照了評論里一個同學(xué)的，改成了()=>this.props.onDeleteComment(index），就可以任意刪除自己想要的節(jié)點。
?2、刪除父組件中，需要分兩步進行，先計算，再賦值，我一開始comments:[...this.state.comments].splice(index,1)，一步到位，但是不知道為什么一直有問題；后來改成了const newList = [...this.state.comments] ? newList.splice(index,1) ? ?this.setState({ ? ? ?comments:newList ? ?}) 就可以了
整個代碼：
子組件：
父組件：
查看全部 -
Props：組件就像一個函數(shù)一樣，接收特定的輸入（props），產(chǎn)出特定的輸出（React elements）
V = f(props)
查看全部 -
number=｛123456｝查看全部
-
see
查看全部 -
當一個組件沒有生命周期，也沒有 state的時候，它就稱為一個 statelist component，我們就可以把它寫成一個 function 的形式。這樣看起來非常簡單。
查看全部 -
單向數(shù)據(jù)流
這個架構(gòu)學(xué)習(xí)一下，react 特別的地方，不同于雙向數(shù)據(jù)流
查看全部 -
jizhu
查看全部
舉報