时间戳

首页 > 解决方案 > 从获取请求 React Native 中渲染数据

reactjs - 从获取请求 React Native 中渲染数据

问题描述

我正在尝试使用获取请求中的数据，但即使经过一段时间也不会加载。如何让我的返回函数显示 instagram 函数数据？useEffect 挂钩未获取要加载的数据。

 export default function Dashboard(props) { 

const [instagram, setInstagram] = useState(''); 

useEffect(() => {
        var url = "https://graph.instagram.com/me/media?fields=media_url,media_type,permalink&access_token=IGQVJHB6RAZDZD"
        fetch(url)
          .then(response => response.json())
          .then((user) => {
            console.log("INSTA", user.data);
            setInstagram(user.data)
          });
    
      },[])

var pics = function(instagram) {
  if(instagram){
    console.log("found")
    instagram.map(function(item, i){
      return <li>Pic</li>
    })
  }
}

 return (
      <View id="instafeed" style={styles.instagram}></View>
      {
        pics()
      }
     </View>
  )

}
}

标签： reactjsfetchinstagramfetch-api

解决方案

您的 pics 函数不返回任何内容，请添加此 return 语句。

var pics = function(instagram) {
  if(instagram){
    console.log("found")
    return instagram.map(function(item, i){
      return <li>Pic</li>
    })
  }
}

推荐阅读