import { createStore } from '@zjxpcyc/react-tiny-store';
import useUser from './user';
import usePage from './page';

const models = {
  'user': useUser,
  'page': usePage,
};

const store = createStore(models);

export default store;
export const getState = store.getState;
export const useModel = store.useModel;
export const Provider = store.Provider;

// store 有如下方法构成
// getState(namespace) 获取 namespace 对应的 state, 但不能引起页面重新渲染
// useModel(namespace) 其实是一个 hook, 获取 namespace 对应的 state
// addModel(namespace, hook) 新加入一个 moodel
// removeModel(namespace) 删除一个 model
// Provider store 的 Provider 组件
