React Native useEffect usage in async function

Question

I want to use async post-get request in useEffect hooks. Is this a optimize solition?

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

For those who wonder about the explanation behind this, here's a good write up — Pavel, Apr 16 '22 at 09:30

score 0 · Accepted Answer · answered May 16 '20 at 17:09

I think you can use redux-saga and redux-thunk. But for this problem you can use call another function in your effect function.

    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 usage in async function

1 Answers1