useModel

用于全局状态管理，改写Umi useModel实现。

使用方式

获取models目录下的所有hooks

ts

const modules = import.meta.glob('@/models/*.ts', { eager: true });
// modelHooks 是hooks的引用数组，也可以手动引入，但自动引入比较方便。
const modelHooks = Object.values(modules).map((module: any) => module.default);

在应用入口使用ModelProvider

tsx

<ModelProvider models={modelHooks}>
 <App />
</ModelProvider>

在models目录中定义hooks

ts

const useCount = () => {
    const [count, useCount] = useState()
    return {
        count,
        useCount,
    }
}

使用useModel获取全局状态

ts

const { count, setCount } = useModel(useCount)