Axios Network Error in React Native Android

Muhammad Uzair 0
Viewed 28

I Am currently learning react native and encountered an error "[AxiosError: Network Error]" while using "axios.get". I have tried several methods from stackoverflow and google but it didnt work.

Here Is My Code:

  const getData = async () => {
    await axios
      .get('https://www.reactnative.dev/movies.json')
      .then(({data}) => {
        setData(data.movies);
      })
      .catch(res => {
        console.warn(res);
      });
  };

  useEffect(() => {
    getData();
    //eslint-disable-next-line
  }, []);
react-native reactjs
2 Answers

Not sure if this is your problem but it looks like you are mixing aysnc/await with a regular promise. Maybe try something like this:

const getData = async () => {
  try {
    const { data } = await axios.get('https://www.reactnative.dev/movies.json');
    setData(data.movies);
  } catch (error) {
    console.warn(error);
  }
};

useEffect(() => {
  getData();
  //eslint-disable-next-line
}, []);
Blam0

use async/await or regular promise it may not fix the issue but it's good practice

and make sure you have internet connection on emulator/device

Zhivko Nikolov0
Related