在反应项目上出现“在呈现不同组件时无法更新组件（`BrowserRouter`）”错误

Question

在这里输入代码

这是我收到错误的登录代码快照。作为新的 React 用户，我无法解决它，请帮忙。

Answer 1

navigate function 应该作为有意的副作用调用，而不是直接在组件主体中作为无意的副作用调用。 将该逻辑移至useEffect挂钩中。

例子：

useEffect(() => {
  if (user || userGoogle) {
    navigate(from, { replace: true });
  }
}, [navigate, user, userGoogle]);