如何在Gatsby上实现Facebook-SDK

时间:2019-04-19 21:06:41

标签: facebook-sdk-4.0 gatsby facebook-sdk-3.0

我正在尝试从Facebook页面中提取照片并将其放置在我的gatsby网站上,但是在集成Facebook SDK时遇到了问题,因此我可以使用Graph API来获取所需的数据。我只是尝试获取照片的网址,并在img标签中使用了它们,但是当我刷新页面时,照片消失了。

我用axios来获取数据

getFacebookAPI = () => {
let imgArray = []
  axios.get('https://graph.facebook.com/v2.7/me?fields=id,albums{photos{images}}&access_token=exampletoken')
      .then(response => {
          console.log(response)
          console.log(response.data.albums.data[0].photos.data)
          response.data.albums.data[0].photos.data.map(info => 
            imgArray.push(info.images[0].source)
          )
      })
  return imgArray.map(info => <img src={info} alt="facebook" />)
}

0 个答案:

没有答案