RecoilJs冻结了UI

问题描述

我在项目中使用反冲Js，我有一个原子

export const currentUserState = atom<User | null>({
  key: "currentUserState",default: null,});

我正在使用它

const Startup: React.FC = ({ children }) => {
  const [loading,setLoading] = useState(false);
  const setCurrentUser = useSetRecoilState(currentUserState);
  useEffect(() => {
    setLoading(true);
    app.auth().onAuthStateChanged((user) => {
      setCurrentUser(user);
      setLoading(false);
    });
  },[setCurrentUser]);
  if (loading) return <div>loading</div>;
  return <>{children}</>;
};

export default Startup;

此组件放置在

中

ReactDOM.render(
  <RecoilRoot>
    <BrowserRouter>
        <Startup>
          <App />
        </Startup>
    </BrowserRouter>
  </RecoilRoot>,document.getElementById("root")
);

我正在尝试在应用加载之前获取当前用户信息，以便我可以跟踪用户是否登录。但是应用程序在加载时卡住了，我在控制台上收到此错误。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）