Estoy trabajando en un sitio web de reactjs. El sitio web es básicamente un sitio web de noticias en el que he usado News Api para obtener datos, pero en News Api Data hay una URL de imagen "https://cdn.siasat.com/wp-content/uploads/2021/07/Antarctica. jpg" que no funciona. Quiero reemplazarlo con una imagen de mi carpeta. He escrito un código para este propósito que lo está cambiando con éxito a la imagen img.jpg de mi carpeta pero no se muestra en mi sitio localhost.

 This is the logic i have written to change emptyimage url . export class Newsitem extends Component { render() { // this is called destructuring in js meas you can fetch description and title from single prop let {title,description,imageurl,newsurl}=this.props return ( <div className='my-3'> <div className="card" style={{width: "18rem"}}> <img src={imageurl==="https://cdn.siasat.com/wp-content/uploads/2021/07/Antarctica.jpg"?"img.jpg":imageurl}className="card-img-top" alt="..."/> <div className="card-body"> <h5 className="card-title">{title}...</h5> <p className="card-text">{description}...</p> <a href={newsurl} target="_blank" className="btn btn-sm btn-primary">Read more...</a> </div> </div> </div> ) } }

 This is the code after running and inspecting it in console : <img src="img.jpg" class="card-img-top" alt="...">

Este código ha cambiado la URL a img.jpg pero no entiendo por qué no se muestra en mi sitio web. Mi consola muestra este "Error al cargar el recurso: net::ERR_SSL_PROTOCOL_ERROR cdn.siasat.com/wp-content/uploads/2021/07/Antarctica.jpg:1". Ya he cambiado esta URL a img.jpg