axios获取图片显示_如何显示从axios请求返回的图像（反应）？

I'm working on a google maps project with React. I assign an onClick handler the following method:

getStreetView(lat,lng){

let url = `https://maps.googleapis.com/maps/api/streetview?size=600x300&location=${lat},${lng}&heading=151.78&pitch=-0.76&key=MYAPIKEY`

axios.get(url).then(response=>this.setState({image:response.config.url}));

}

the state = { image: null } is then beeing assigned the url which I later pass on to an image tag to a child component such as . Everything works like a charm, however I have come across various other solutions such:

function getBase64(url) {

return axios

.get(url, {

responseType: 'arraybuffer'

})

.then(response => Buffer.from(respon