quiero publicar la ubicación del usuario (largo lat) en la API, luego la API me enviará la información más cercana del restaurante según la ubicación del usuario, que la envío a Api, luego quiero obtener datos (información del restaurante) API de vuelta

es mi código correcto?

Soy principiante en reaccionar

por favor ayúdame y muchas gracias de antemano

import React, { Component } from 'react'; class App extends Component { constructor(props) { super(props); this.state = { latitude:null, longitude:null, posts: [] }; this.getLocation=this.getLocation.bind(this); this.getCoordinates= this.getCoordinates.bind(this); this.getData= this.getData.bind(this); } 

No estoy seguro acerca de esta función

  componentDidMount() { this.getLocation() this.getData() } getData(){ fetch('https://wainnakel.com/api/v1/GenerateFS.php?uid=26.2716025,50.2017993{amp}amp;get_param=value',{mode: 'no-cors'}) .then(response ={amp}gt; response.json()) .then(findresponse ={amp}gt; { console.log(findresponse) this.setState({ posts: findresponse })}) .catch(error ={amp}gt; console.log('@Error:', error)); } getLocation(){ if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(this.getCoordinates); } else { alert("Geolocation is not supported by this browser."); } 

su ubicación de publicación del usuario a la API

  let result = fetch('https://wainnakel.com/api/v1/GenerateFS.php?uid=26.2716025,50.2017993{amp}amp;get_param=value', { method: 'post', mode:'no-cors', headers: { 'Accept': 'application/json','Content-Type': 'application/json' }, body: { UID: this.latitude ',' this.longitude } }); console.log(result); } 

ella obtiene la ubicación del usuario

  getCoordinates(position){ this.setState ({ latitude:position.coords.latitude, longitude:position.coords.longitude }) } 

luego renderizar método

  render() { const { posts } = this.state; return ( {amp}lt;div className="container"{amp}gt; {amp}lt;div className="jumbotron"{amp}gt; {amp}lt;h1 className="display-4"{amp}gt;Blog posts{amp}lt;/h1{amp}gt; {amp}lt;button onClick={this.getData}{amp}gt; اخترلي {amp}lt;/button{amp}gt; {amp}lt;p{amp}gt; latitude:{this.state.latitude}{amp}lt;/p{amp}gt; {amp}lt;p{amp}gt; longitude:{this.state.longitude}{amp}lt;/p{amp}gt; {amp}lt;/div{amp}gt; {posts.map((post) ={amp}gt; ( {amp}lt;p key={post.id}{amp}gt; Name: {post.name} | phoneNumber: {post.phoneNumber} {amp}lt;/p{amp}gt; ))} {amp}lt;/div{amp}gt; ) } } export default App;