AxiosError：Android React Native Expo 上的网络错误

Question

I keep receiving the Axios Network Error while trying to do get request. Everything is working perfectly fine on iOS. Its only on android where this occurs. On the emulator I noticed when I can change the base url to include 10.0.2.2, it works, but not on the acutal device. Here is my current setup

base url is http://localhost:8888

 const fetchComponent = (props) => {
  const [data, setData] = useState([]);
  const [loading, setLoading] = useState(true);

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

  const fetchData = async () => {
    try {
      console.log("props received:", props.link);
      const configurationObject = {
        method: "get",
        url: props.link,
      };
      const response = await axios(configurationObject);

      console.log("response:", response);
      if (response.status === 200) {
        setData(response.data);
        console.log(response.data);
      }
      setLoading(false);
    } catch (error) {
      console.log(error.response);
      setLoading(false);
    }
  };

  return { data, loading };
};

Answer 1

const fetchComponent = (props) => {
  const [data, setData] = useState([]);
  const [loading, setLoading] = useState(true);

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

  const fetchData = async () => {

      console.log("props received:", props.link);
axios.get(`${props.link}`)
.then(data=>setData(data.data)
.catch(err=>setLoading(false))
  };

  return { data, loading };
};

try like this