How to fetch data from dot net core in React Native?

Question

Postman fetches the data from my dot net core API but I cannot get the data in React native using the same API. I tried everything like changing port number etc.

React Native API Request

useEffect(() => {
    const getData= async () => {
     try {
        const response = await axios.get('http://10.0.2.2:54669/DoctorMaster/Getalldoctorssearch/1062');
        setAppointments(response.data);
        setIsLoading(false);
        console.log(response.data);
       
        
       
     } catch (error) {
       console.log(error);     
       
     }
    }
    getData()
  }, [setAppointments, setIsLoading]);

Please, share the code of your attempts to retreive data in react native app. What means can't get the data? Any errors? — Sergey Nazarov
– Sergey Nazarov, Commented Apr 26, 2022 at 10:10
i shared my code in question.and the error is bad request 400 — Raja
– Raja, Commented Apr 26, 2022 at 10:13
Are you running your app in docker? Why you send request to localhost in postman? — Sergey Nazarov
– Sergey Nazarov, Commented Apr 26, 2022 at 10:20
No, I'm not running in docker. I'm just running core API in local that is why I call it in localhost and it works well in postman but not in react native — Raja
– Raja, Commented Apr 26, 2022 at 10:24
Ok, I took the point. When I'm doing that in react native, I'm using ngrok proxy to make my server api public. Ngrok runs proxy and gives you public endpoint which leads to your localhost on selected port. Then set up public endpoint in your react native app to access api. — Sergey Nazarov
– Sergey Nazarov, Commented Apr 26, 2022 at 11:00

S.Hashmi · Accepted Answer · 2022-04-26 11:05:11Z

0

Please follow the below structure

fetch(
  "url"
  {
    method: "GET",
    headers: {
      Accept: "application/json",
      "Content-Type": "application/json",
      Authorization: "Bearer " + JSON.parse(token),
    },
  }
)
  .then((response) => response.json())
  .then((responseJson) => {
    // Handle response here
  })
  .catch((error) => {
    console.error(error);
  });

answered Apr 26, 2022 at 11:05

S.Hashmi

4971 gold badge10 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Hossein Gerami · Accepted Answer · 2022-04-26 11:24:01Z

0

Be aware that React Native refuses HTTP requests instead of HTTPS requests by default:

To handle HTTP requests in Android see this post

To handle HTTP requests in iOS see this post

answered Apr 26, 2022 at 11:24

Hossein Gerami

1193 bronze badges

Comments

Hugo Queirós · Accepted Answer · 2022-05-04 10:25:29Z

0

You are trying to fetch data from localhost which your mobile device won´t be able to fetch the url. You need to publish your API on a Web Server, and then you will be able to fetch the data

edited May 4, 2022 at 10:25

answered Apr 29, 2022 at 11:19

Hugo Queirós

741 silver badge8 bronze badges

Comments

Raja · Accepted Answer · 2022-05-05 11:54:48Z

0

Solution: All of the answers did not work for me, I used a visual studio extension called Conveyor by keyoti to solve the issue, this extension allow me to use the API outside of localhost, it will show you the remote URL, use that url to call API from your mobile application

answered May 5, 2022 at 11:54

Raja

331 silver badge7 bronze badges

3 Comments

Alexander Over a year ago

You might want to edit this to make it sound less like spam.

Raja Over a year ago

I don't get it, what are you trying to say?

Alexander Over a year ago

I wasn't trying to say anything other than what I said.

Collectives™ on Stack Overflow

How to fetch data from dot net core in React Native?

4 Answers 4

Comments

Comments

Comments

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related