文章/答案/技术大牛

发布

社区首页 >问答首页 >React:如何从异步函数中保存值并在以后使用

问React:如何从异步函数中保存值并在以后使用
EN

Stack Overflow用户

提问于 2022-08-05 16:21:18

回答 1查看 72关注 0票数 1

我有一个异步函数，它调用一个api，让我了解用户的当前角色。稍后，我想将该角色附加到一个变量中。这是我的密码

const getRole = async () => {
        const response = await roleService.getRole();
        const roles = await response.role
        return roles
    }
     ...........

 const currentRole = getRole() //I want this to be the value from return roles

我是新来的，在这件事上有反应和麻烦。如何将currentRole设置为return roles中的值

reactjs

async-await

react-hooks

frontend

javascript

回答 1

Stack Overflow用户

发布于 2022-08-05 16:26:57

我会选择保存您从API获得的状态信息。

const [roles, setRoles] = useState();

const getRole = async () => {
        const response = await roleService.getRole();
        const roles = await response.role
        setRoles(roles);
    }

您可以像这样在gerRole上调用useEffect函数

useEffect(() => {
getRole();
}, []);

也可以按一下按钮调用getRole函数。

<button onClick={getRole}>Click me to get roles</button>

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/73252724

复制

相似问题

问React:如何从异步函数中保存值并在以后使用
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问React:如何从异步函数中保存值并在以后使用EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问React:如何从异步函数中保存值并在以后使用
EN