Как передать переменные из приложения ReactJS в REST API - PullRequest
0 голосов
/ 18 октября 2018

My React Application получает список зданий из REST API;Я пытаюсь получить те здания, которые находятся всего в 10 милях от текущего местоположения пользователя.
Я использую геолокационный компонент (компонент ReactJS), который возвращает широту и долготу текущего местоположения пользователя.Рабочий код показан ниже:

 <Geolocation
              render={({
                fetchingPosition,
                position: { coords: { latitude, longitude } = {} } = {},
                error,
                getCurrentPosition
              }) =>
                <div>
                  <button className="btn btn-info" onClick={getCurrentPosition}>Get Position</button>
                  {error &&
                    <div>
                      {error.message}
                    </div>}
                  <div>
                    <b>Latitude</b>: {latitude} <br />
                    <b>Longitude</b>: {longitude}
                  </div>
                </div>}

Мой вопрос в том, что теперь, когда я получаю значения широты и долготы, как мне передать эти значения в API;достигается ли это путем реализации Fetch с использованием PUT для передачи широты и долготы в API?... например, могу ли я настроить Fetch как этот, и передать значения:

 fetch(`https://APIFile.net/api/building/`, {
method: 'PUT',
 body: JSON.stringify({
                    Latitude: latitude,
                    Longitude: longitude,
                     this.state.options)]
                }),
}

... если может быть предоставлен пример кодирования (фрагмент), чтобы установить меня на правильный путь, ябыл бы очень признателен.Заранее спасибо

1 Ответ

0 голосов
/ 18 октября 2018

Код, который вы указали, кажется правильным.Обратите внимание, что это зависит от того, какие типы контента принимает API.Если он принимает JSON, то то, что вы написали, в порядке.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...