Creé una API de back-end usando PostgreSQL y una de front-end usando React. He creado un formulario para que el usuario publique una nueva reseña. ¡La solicitud de publicación funciona pero la imagen no aparece! captura de pantalla de la foto que falta:
.

Cuando inspecciono la foto que falta en las herramientas de desarrollo de Chrome, la URL web está allí, ¡simplemente no muestra la imagen!

Aquí es donde el usuario ingresa la URL de la imagen...

 // inside form <label>Photo URL:</label> <input type='url' value={newReviewPhoto} id='reviewPhoto' name='reviewPhoto' placeholder='photo URL' onChange={handlePhotoChange} /> <br /> // component to be rendered <img className='review-list-photo' src={singleReview.review_img_url} alt={singleReview.title} /> // inside html element in dev tools <img class="review-list-photo" src="https://cdn1.parksmedia.wdprapps.disney.com/media/blog/wp-content/uploads/2010/12/dbg002090SMALL.jpg" alt="k">

¿Alguien sabe por qué es esto?

captura de pantalla de la revisión publicada dentro de las herramientas de desarrollo de Chrome: