Получить описание места от Foursquare с React - PullRequest
Новая
       9

Получить описание места от Foursquare с React

0 голосов
/ 07 сентября 2018

Я пытаюсь вернуть описание объекта, используя React.JS и API Foursquare.

Я понимаю, что вам нужно пройти ID объекта, чтобы получить любую дополнительную информацию о месте, и в настоящее время я могу получить определенное количество мест, но ни одно из описаний не появляется. Ниже приведен мой текущий файл app.js (с подробной информацией об аутентификации X'd out) и скриншот того, что я вижу в своем браузере. 

import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import './App.css';


var foursquare = require('react-foursquare')({
  clientID: 'XXXXXXXXXXXXXXXXXXXXXXXXXX',
  clientSecret: 'XXXXXXXXXXXXXXXXXXXXXXXXXX'  
});

var params = {
  "near": "Wilkes-Barre, PA",
  "categoryId": '4d4b7105d754a06374d81259',
  "radius":"250"
};

export default class FoursquareDemo extends Component {

  constructor(props) {
     super(props);
     this.state = {
       items: [],
       place: null

     };
   }

  componentDidMount() {    
    foursquare.venues.getVenues(params)
      .then(res=> {
        this.setState({ items: res.response.venues });
      });

  }


  render() {
    return (
    <div>
        <div>Items:</div>
        { this.state.items.map(item=> { return <div key={item.id}>{item.name} - {item.location.city} - {foursquare.venues.getVenue(item.id).description}</div>}) }
        <br />

    </div>
  )
  }
}

ReactDOM.render(
  <FoursquareDemo />,
  document.getElementById('root')
);

Снимок экрана браузера:

browser screenshot

В идеале я хотел бы добавить описание после названия места и дефиса "-".

...