React Native useEffect 在异步函数中的用法[重复]

Posted

技术标签:

【中文标题】React Native useEffect 在异步函数中的用法[重复]【英文标题】:React Native useEffect usage in async function [duplicate] 【发布时间】:2020-09-02 12:54:44 【问题描述】:

我想在 useEffect 挂钩中使用异步 post-get 请求。 这是一个优化方案吗?

    useEffect(() => 
        await Axios.get("some url").then(async(res) => 
            console.log(res);
        ).catch(async(err) => 
            console.log(err)
        )
    , [isFocused])

【问题讨论】:

【参考方案1】:

我认为你可以使用 redux-sagaredux-thunk。但是对于这个问题,您可以在效果函数中调用另一个函数。

    useEffect(() => 
        const fetchData = async () => 
            await Axios.get("some url").then(async (res) => 
                console.log(res);
            ).catch(async (err) => 
                console.log(err)
            )
        
        fetchData();
    , [isFocused])

【讨论】:

以上是关于React Native useEffect 在异步函数中的用法[重复]的主要内容,如果未能解决你的问题,请参考以下文章

useEffect 清理功能在 React Native 中不起作用

如何仅使用 React Native 中的 if 语句返回 useEffect

使用 React Native 和 useEffect 获取

无法对未安装的组件执行 React 状态更新。 useEffect React-Native

返回屏幕时未在 React Native 中调用 useEffect

React Native useEffect 在异步函数中的用法[重复]