小编Joa*_*ela的帖子

我正在尝试在 vscode 中像这样自动导入

import Button from '@mui/material/Button'

代替：

import {Button} from '@mui/material'

因为你可能知道，第二个会减慢 vscode 的速度。

在这里你可以看到它正在自动导入它，但是对@mui/material进行了解构

我在每个组件中的组件内部的 useEffect 上遇到问题。我在该组件中进行了一些身份验证和重定向，但我发现当我使用 Nextjs 链接或浏览器中的返回按钮时，布局 useEffect 不会重新渲染，这意味着它不会检查用户是否已登录。

这是我的布局组件

const Layout = ({ children }) => {

  const router = useRouter()
  const { setAuthenticated, userFromDB, setUserFromDB, setIsVender, isVender } = useContext(AuthContext)

  //cuando hacemos un login el token se guarda en el local storage asi que comprobamos que exista
  useEffect(() => {
    const checkToken = async () => {
      const token = localStorage.getItem('FBIdToken')
      if (token) {
        const decodedToken = jwtDecode(token);
        //si la fecha de expiracion del token supero a la actual, redirect …