我是歌谣 放弃很容易 但是坚持一定很酷 微信公众号关注前端小歌谣带你进入前端技术群
import { useState, useEffect } from 'react';
import { useAuthProvider } from 'react-admin';
import { Loading, Error } from './MyComponents';
const UserName = ({ userId }) => {
const authProvider = useAuthProvider();
const [identity, setIdentity] = useState();
const [loading, setLoading] = useState(true);
const [error, setError] = useState();
useEffect(() => {
authProvider.getIdentity()
.then(({ data }) => {
setIdentity(data);
setLoading(false);
})
.catch(error => {
setError(error);
setLoading(false);
})
}, [authProvider]);
if (loading) return <Loading />;
if (error) return <Error />;
if (!identity) return null;
return <>{identity.fullName}</>;
};
authProvider对象存储在react上下文中 获取当前用户登录的身份