React的state管理

在React的使用中,如果解决兄弟节点之间的通信,或者说整个state的管理是一个重要的问题.有说用redux,不过经过两天的研究,最终放弃.

 

放弃的原因有三:

  1.学习成本大,看了大概两天,能写demo但是不知道如何使用

  2.代码量增大,就跟手写三层一样,感觉不大能接受

  3.无法理解, 同样是推崇从根组件向下传播, 我不如自己来管理

 

那么我自己的解决方案是这样:

  

   无论是数据还是操作state的方法,都从根组件往下传播,并且非根组件都不能有state.一句话来概括就是,自己管理state.来一张图:

  

那么子组件的数据只能从props中获取,并且像click的事件处理也只能从props中获取.

 

最后,我们在写获取不同组件的数据和事件处理的时候,就可以分成不同的模块进行了.