天天看点

umi插件------plugin-initial-state

初始化状态数据,全局可调用

获取并设置初始化数据

export async function getInitialState(){
	const user = await getUserInfo();
	const token = await getToken();
	return {
		user,
		token,
	};
}
           

调用已经设置的初始化数据

import { useModal } from 'umi';

const { initialState, loading, error, refresh, setInitialState } = useModal("@@initialState");
const { user,token } = initialState || {};
           

调用useModal(’@@initialState’),返回的值有initialState, loading, error, refresh, setInitialState。

initialState:getInitialState()的返回值,也就是之前设置的初始化数据。

loading:设置初始化数据时的loading状态。

error:设置初始化数据时的error状态。

refresh:重新调用getInitialState()。

setInitialState: 手动更新初始化数据,会覆盖以前设置的数据,如果需要以前的数据,需要手动加上以前的数据。

import { useModal } from 'umi';

const { initialState, loading, error, refresh, setInitialState } = useModal("@@initialState");
setInitialState({
	...initialState,
	shouMenu: true,
})