1實(shí)現(xiàn)如下功能
2拆分組件：
????應(yīng)用組件：App
????添加評(píng)論組件:CommentAdd
????評(píng)論項(xiàng)組件：CommentItem
????評(píng)論列表組件：CommentList
3確認(rèn)組件的state和props：
? ? App：
? ? ? ? state：comments/array
????CommentAdd
? ? ? ? state:? ? username/string
? ? ? ? props:? ?addComment/function
? ??CommentList
? ? ? ? props: comments/array? ? ?deleteComment/function
? ??CommentItem
? ???????props: comments/object????deleteComment/function? ? index/number
4目錄結(jié)構(gòu)
5代碼
? ? ? ?首先入口文件index.js中,引入react，reactDom澎粟，以及自定義組件App
? ? 在App組件中屿良，state存儲(chǔ)著用戶評(píng)論的所有內(nèi)容该面，并定義有刪除木柬，添加方法
? ? 將App中的添加方法以props屬性傳遞給子組件（添加評(píng)論）
? ??將App中的刪除方法混移，和state中的評(píng)論內(nèi)容 以props屬性傳遞給子組件（評(píng)論列表）
在添加評(píng)論組件中救拉，當(dāng)點(diǎn)擊提交按鈕時(shí)氏堤，收集表單中用戶填寫的內(nèi)容，拼成一個(gè)對(duì)象慢蜓，調(diào)用父組件通過props傳過來的方法亚再，修改父組件中的state的值
與此同時(shí)，評(píng)論列表頁(yè) 將父組件state的內(nèi)容和?父組件的刪除方法也通過props傳給他的子組件（單條評(píng)論）
單條評(píng)論的組件?調(diào)用?傳入的刪除方法
