権限分岐


権限ブランチは、接続されたユーザーの権限に基づいてログインされたページを割り当てることを意味します.
ここの権限は、私たちがページにログインした後、一般的に見られる非会員/会員に管理されているadminアカウントを加え、会員の間にも存在する指導者/指導者、指導者/チームメンバー、購入/販売員などに分けられます.
このコースでは主にHOCとUSEEffectを使用します.
const withAuth = (Component) => (props) => {
const router = useRouter();
const { accessToken } = useContext(GlobalContext);

useEffect(() => {
if (!accessToken) router.push("/login");
}, []);

if (!accessToken) return <></>;
return <Component {...props} />;
};

export default withAuth;
HOCを使用して、上記のコードに示すように、関数にUSEffectを使用します.
if()の条件により,ルータに移動するページが変化する.