小编Ram*_*ili的帖子

如何在另一个自定义 Hook 中使用返回值的自定义 Hook?

我正在使用 React-native,其中有一个名为的自定义 Hook,它使用useUser该方法从 AWS Amplify 获取用户信息Auth.getUserInfro,然后获取返回对象的一部分并用它设置一个状态变量。我还有另一个名为 hook 的useDataHook,它根据 userId 获取一些数据并将其设置为状态变量。

使用用户自定义挂钩:

import React, { useState, useEffect } from "react";
import { Auth } from "aws-amplify";

const getUserInfo = async () => {
  try {
    const userInfo = await Auth.currentUserInfo();
    const userId = userInfo?.attributes?.sub;
    return userId;
  } catch (e) {
    console.log("Failed to get the  AuthUserId", e);
  }
};

const useUserId = () => {
  const [id, setId] = useState("");

  useEffect(() => {
    getUserInfo().then((userId) => { …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs react-native react-hooks use-effect

4
推荐指数
1
解决办法
1万
查看次数