De lo contrario, la visualización de la página web está bien. pero las imágenes se muestran así.
mi código es <img src = {props.imageUrl} /> y devuelve console.log(prop)
{...imageUrl: "https://unsplash.com/photos/3PeSjpLVtLg"...}¿Cual podría ser el problema? ¡Gracias!
La url es una página web. No es una URL de una imagen, por lo que una etiqueta de image no podrá mostrarla. En el caso de esta imagen específica, desea que la URL sea esta:
https://images.unsplash.com/photo-1601439678777-b2b3c56fa627?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1740&q=80Intente agregar el requisito a la imagen src de esta manera:
<img src = { require(props.imageUrl)} />Otra forma sería en los accesorios agregando el requisito:
Ejemplo:
const slides = { imageUrl: require('url'), } y deja tu código tal como está en el <img src = {props.imageUrl} />