使用React从Foursquare获取场地的描述

时间:2018-09-07 14:59:24

标签: reactjs foursquare

我正在尝试使用React.JS和Foursquare API返回场所的描述。

我了解到您需要传递场地的ID才能检索任何其他场地信息,目前我可以拉出一定数量的场地,但没有任何描述。以下是我当前的app.js文件(已将身份验证详细信息X删除)和我在浏览器中看到的屏幕截图。

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

理想情况下,我想在场所名称和连字符“-”之后加上描述。

0 个答案:

没有答案