强制刷新是Next.js中访问未定义路径或错误页面的后果

Question

访问未定义的路径或错误页面会导致Next.js进行硬刷新，从而导致我的上下文回到默认状态（即存储在userProfile状态变量中的值变为null）我有一个布局，使用{stucture：Sidebar和main}，在Sidebar组件中，我显示用户电子邮件，我从上下文钩子作为状态变量获取。但是，当我点击未定义的路径或在URL中手动输入时，我会抛出一个自定义错误页面，返回到索引页面（'/'），但由于

P粉511749537 · Answer

我通过只在上下文文件中设置状态，而不在任何其他地方设置状态来解决了我的问题。简而言之，我在context.js文件中获取用户的个人资料数据，并在那里设置状态，这样可以在任何地方使用。如果有人遇到相同的问题，请提到我！

我的context.js文件如下所示

import { createContext, useState, useEffect, useContext } from 'react';

const UserContext = createContext();

export function UserProvider({ children }) {
  const [userProfile, setUserProfile] = useState(null);
  const [loading, setLoading] = useState(true);

  useEffect(() => {
    const fetchUserProfile = async () => {
      try {
        const res = await fetch(process.env.NEXT_PUBLIC_API_DOMAIN + '/userProfile');
        const userData = await res.json();
        setUserProfile(userData);
        setLoading(false);
      } catch (error) {
        console.error("Error fetching user profile:", error);
        setLoading(false);
      }
    };

    fetchUserProfile();
  }, []);

  return (
    
      {children}
    
  );
}

export function useUserContext() {
  return useContext(UserContext);
}

热门工具标签

Hot Questions

Hot Tools

vc9-vc14（32+64位）运行库合集（链接在下方）

VC9 32位

php程序员工具箱完整版

VC11 32位

SublimeText3汉化版

热门话题

热门文章