Skip to content

DudeYouth/react-extends

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

对于react来说使用redux来管理状态是个不错的方案,redux是个很好的数据管理框架。但是redux并不是专门给react定制的数据管理框架,所以用它来管理react的数据也只能是凑合着用。redux麻烦的数据操作让我很反感,所以我想弄出一套适合自己的数据管理方式。

  思路如下:扩展react的基类Component,扩展的基类构造里监听组件里的数据。监听的列表其实就是一个完整的状态树,组件名与组件的状态数据 一 一对应关系(组件与数据之间清晰的关系),整个页面的操作我只需要维护这个状态树。对于共享数据(状态)的问题,我收集了一份数据与组件依赖关系列表(数据:[组件、组件]),更新数据时通过数据来查找需要更新的组件集合逐一setState。

使用介绍
-----------------------------------
监听数据:
    1.使用listener属性监听动态数据<Component listner={{a:123}} />
    2.使用构造里的静态方法listener监听动态数据 Component.listner({a:123})
更新状态:
    1.使用构造里的静态方法disptach更新状态 Component.disptach({a:456})
    2.使用经过包装后的action更新状态 action.method(param)(Component)
获取组件的动态数据:
    1.dispatch的更新的动态数据,在该组件里可以通过this.data获取

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published