react-hooks-model
用 redux 的流程太复杂了,看着就晕。
看着 react 16.8 新出的 hooks api 蛮好玩的,随便撸了一个简单的 model 用于数据管理,组件之间可以方便的共享数据。
支持 action 级别和 model 级别的 loading。
Useage
// model.js;'person' state: count: 0 name: 'test' { return count: thisstatecount + 1 ; } async { await ; return count: thisstatecount + 1 ; } helper: { const name = thisstate; return 'my full name is :' + name; } ; // component.js;;; { const state person = ; console; const loading = ; // model级别的loading // action 级别的 loading: person.asyncInc.loading return <div> <span>statecount</span> <span>Stringloading</span> <span>StringpersonasyncIncloading</span> <span>personhelper</span> <button onClick= person>btn1</button> <button onClick=async { await person; console; } > btn2 </button> </div> ;};
License
MIT