直接在return（）中使用Flickr中的JSON，还是使用.slice复制它？反应初学者

Question

从'React'导入React，{Component}；

导出默认类应用扩展组件{constructor（props）{super（props）；this.state={items:[],titles：[],list：[1,2,3],}//this.getFlickrapi=this.getFlickrapi.bind（this）；}

我目前正试图创建一个简单的应用程序，显示图片从Flickr。当前使用的API URL:https://API.flickr.com/services/feeds/photos_public.gne？format=json&&nojsoncallback=1

我用下面的代码连接到这个

 componentDidMount() { var request = new XMLHttpRequest();

   request.open('GET', 
  'https://api.flickr.com/services/feeds/photos_public.gne? 
   format=json&&nojsoncallback=1', true);
  var dataOutput = request.onload = function() {

    if (request.status >= 200 && request.status < 400) {
    console.log('Before JSON.parse');
    var data = JSON.parse(request.response);
    console.log(data);
    //this.setState({ items: data.items })

    console.log('After JSON.parse');

} else {
    console.log('error');
}
dataOutput = data;

console.log(dataOutput.items[1].title)
//dataOutput.items.forEach()
//this.setState({items: dataOutput.items});

}

request.send（）；

}

// Use below for a function
// data.items.forEach(item => {

//     console.log(item.title)


//     //this.setState({titles: data.items.titles})
//     //console.log(this.state.titles)
// });
//console.log(this.state);
//console.log(getFlickrApi());
// {this.getFlickrApi()}

return (
  <div className="FlickrApiContainer">


    ))}
  {this.state.items.map(item => (<li key={item}>{item.title}</li>))}
  {this.renderItems()}


  </div>
);

萨姆

Answer 1

我没有在request.onload中使用箭头函数。我一做就把它从

var dataOutput=request.onload=function(){

到