Javascript React-componentDidMount API调用不获取数据？

所以我正在尝试创建这个画廊。我首先对图像的链接进行了硬编码，但现在希望通过API调用获取图像。我已经尝试过实现它，但不知何故失败了，它仍然从flickrImages数组中获取硬编码图像。有什么建议吗？（顺便说一下，这是一篇教程）

import React，{Component}来自“React”
常量flickrImages=[
"https://farm2.staticflickr.com/1553/25266806624_fdd55cecbc.jpg",
"https://farm2.staticflickr.com/1581/25283151224_50f8da511e.jpg",
"https://farm2.staticflickr.com/1653/25265109363_f204ea7b54.jpg",
"https://farm2.staticflickr.com/1571/25911417225_a74c8041b0.jpg",
"https://farm2.staticflickr.com/1450/25888412766_44745cbca3.jpg"
];
导出默认类库扩展组件{
建造师（道具）{
超级（道具）；
此.state={
图片：flickrImages，
选择图像：flickrImages[0]
}
}
componentDidMount（）{
常量API_键='a46a979f39c49975dbdd23b378e6d3d5'；
常量API_端点=`https://api.flickr.com/services/rest/?method=flickr.interestingness.+getList&api_key=${api_key}&format=json&nojsoncallback=1&per_page=5`；
获取（API_端点）。然后（（响应）=>{
返回response.json（）。然后（（json）=>{
const images=json.photos.photo.map（{farm，server，id，secret}）=>{
返回`https://farm${farm}.staticflickr.com/${server}/${id}{secret}.jpg`
});
this.setState（{images，selectedImage:images[0]}）；
})
})
}
把手单击（选择图像）{
这是我的国家({
选择图像
})
}
render（）{
const{images，selectedImage}=this.state；
返回(
{images.map（（图像，索引）=>(
))}
)
}
}
API\u端点
不正确

flickr.interestingness.+getList&api_key=${API_KEY}

应该是

flickr.interestingness.getList&api_key=${API_KEY}


类库扩展了React.Component{
建造师（道具）{
超级（道具）；
此.state={
图像：[]，
}
}
componentDidMount（）{
常量API_键='a46a979f39c49975dbdd23b378e6d3d5'；
常量API_端点=`https://api.flickr.com/services/rest/?method=flickr.interestingness.getList&api_key=${API_KEY}&format=json&nojsoncallback=1&per_page=5`；
获取（API_端点）。然后（（响应）=>{
返回response.json（）。然后（（json）=>{
log（json）；
const images=json.photos.photo.map（{farm，server，id，secret}）=>{
返回`https://farm${farm}.staticflickr.com/${server}/${id}{secret}.jpg`
});
this.setState（{images，selectedImage:images[0]}）；
})
})
}
把手单击（选择图像）{
这是我的国家({
选择图像
})
}
render（）{
const{images，selectedImage}=this.state；
返回(
{images.map（（图像，索引）=>(
))}
)
}
}
ReactDOM.render(
,
document.getElementById（'容器'）
);
这是react本机项目还是react项目？
flickr.interestingness.getList&api_key=${API_KEY}