使用React Native 的Auth0

kr98yfug 于 2022-12-14 发布在 React

关注(0)|答案(1)|浏览(177)

我正在尝试Example repo。但当执行此调用时：const { accessToken } = await getCredentials();，访问令牌为undefined
我已创建Auth0应用程序并复制我的domain和clientId
所以app.json中的插件看起来像这样：

"plugins": [
      [
          "react-native-auth0",
          {
              "domain": "{MY_DOMAIN}"
          }
      ]
    ],

也有Auth0Provider，看起来像这样：Auth0Provider domain={config.domain} clientId={config.clientId}
Callback和Logout URL都已设置。以下是提供的示例中的图像：

和getCredentials在客户端使用Google登录后继续抛出undefined

react-native

来源：https://stackoverflow.com/questions/74689235/auth0-with-react-native

1条答案

按热度按时间

f3temu5u1#

这里有两种方法。
1.使用loader并等待直到数据加载。
1.使用useEffect() with Promise()或仅使用useEffect()。
在App.js中

const { user, getCredentials} = useAuth0();
const [isLoading, setIsLoading] = useState(false);

const getUserMetadata = async () => {
    setIsLoading(true);
    const tokenData = await getIdTokenClaims();
    if (tokenData) {
      localStorage.setItem(USER_OBJECT_KEY, tokenData['__raw']);
      setIsLoading(false);
    }
  };

useEffect(() => {
    const storedAccessToken = localStorage.getItem(USER_OBJECT_KEY);
    if (!storedAccessToken) {
      getUserMetadata();
    }
  }, [getCredentials, user]);

if (isLoading) {
    return <div>Loading...</div>;
  }

return (
   Your code.....
)

赞(0）回复(0）举报 2022-12-14

我来回答

使用React Native 的Auth0

1条答案

相关问题

热门标签

最新问答