Skip to content

cpprookie/comment-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

react-comment-app


基础


  • 预备了两个分支,一个是自己的,一个是胡子大哈兄的版本。发现了state的设计确实是一件需要斟酌的事情。

  • 组件虽小,却也有空间留给自己思考。

反思


  • comment组件中,我由于昨天todo-app的惯性思考,直接在根组件上设置了所有的状态,以为这样符合当多组件共享同一状态时,该状态应提升至这些组件最近的根组件上。这一原则。

  • 实质上,是没有理解清楚这条原则。共享同一状态指的是该状态会影响到那些组件的形态,回头再看,在edit comment时是不会影响commentList组件的。

  • 对于commentList组件而言,它自身没有状态的概念,只渲染props里的数据。

  • 所以最终的状态设计为

// commnetInput 
 state = {
   username: '',
   content: ''
 }

 // commentApp 
 state = {
   commentList = []
 }

更新说明


  • 本次较于上次更新,多了解了 组件的生命周期、更新舟曲、获取原生DOM对象。

setState异步操作?需要再细致地看一下

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published