How do I load an image from another page using HTML?

Question

I read that you can load an image from another page with the load method.

For example: $("#result").load(url, 'tag.attribute')

However I need to get the path of the first image from a list on another page and put it in an <img> tag of my code to show it. I am not able to do it using jQuery (the CDN is in index.html ). How can this my code below work? Can you do this with pure JavaScript to use with React?

import React, {Component} from 'react'

/* global $ */

class GetImage extends Component {
state = {
    loaded: false
}
image = () => {

    const url = 'https://www.google.com/search?q=exemple&source=lnms&tbm=isch&sa=X&ved=0ahUKEwin8pXtzu3fAhXKlZAKHQ3dBAcQ_AUIDigB&biw=1536&bih=558'
    $("#content").load(url, 'div.data-ri===0.img.src')
    this.setState({loaded: true})

}
render(){
    return (
        <div>
            {this.state.loaded && <img id='content'></img>}
            <button type='button' onClick={this.image}></button>
        </div>
    )
}
}

Answer 1

您为什么不只是从另一个网站复制img链接，然后将其放入您网站上的img src =“”？