- 主要使用@umijs/plugin-model
https://umijs.org/zh-CN/plugins/plugin-model#启用方式
- 在src目录下创建models,并创建数据存储ts
- appstore.ts提供数据仓库
import { useState, useCallback } from 'react'
export default () => {
const [user, setUser] = useState({})
const setUserData = useCallback((account, password) => {
setUser({ account: account, password: password })
}, [])
return { user, setUserData }
}
- 在需要使用的页面进行使用
import { useModel } from 'umi';
//使用全局models
const { user, setUserData } = useModel('appstore')
/**
* 使用全局参数
*/
console.log(user)
setUserData('huang', '123456')
console.log(user)