在 React Native 和 Firebase 中使用用户角色处理异步状态

发布日期： 2024-10-18 阅读量： 作者： 网络

在 react native 和 firebase 中使用用户角色处理异步状态

在我最近的项目中，我遇到了一个有趣的挑战，我相信很多人都遇到过——根据 react native 应用程序中的用户角色获取数据。

我已将用户角色（常规、管理员）添加到我的应用程序中，作为管理员，我需要获取系统中的所有作业。

执行此操作的逻辑很简单 - 检查登录用户的角色并相应地获取数据。但我没想到的是 react 的异步行为会如何影响我的逻辑。

这是我正在使用的初始代码片段：

  const [loggedinuser, setloggedinuser] = 
usestate<partial<user> | null>(null);

const fetchjobs = async () => {
    try {
      let firebaseservice = await new firebaseservice();
      let jobslist: job[] = [];

      if (loggedinuser?.role == userroles.admin)
         jobslist = await firebaseservice.listalljobs();
      else 
         jobslist = await firebaseservice.listsingleuserjob();

      setjobs(jobslist);
      setfilterjobs(jobslist);
    } catch (error) {
      console.error('error fetching jobs:', error);
    } finally {
      setrefreshing(false);
      setisloading(false);
    }
  };

useeffect(() => {
    const fetchuser = async () => {
      try {
        let user = await returnloggeduser();
        setloggedinuser(user);
      } catch (error) {
        console.error('failed to fetch user', error);
      }
    };

    fetchuser();
  }, []);

  usefocuseffect(
    usecallback(() => {
      if (!hasrun) {
        fetchjobs();
        sethasrun(true);
      }, []
  );

上一篇: phpcms typeid是什么

在 React Native 和 Firebase 中使用用户角色处理异步状态

随便看看