Estoy tratando de crear un componente en React JS para mostrar diferentes imágenes según la hora del día, pero no entiendo por qué la imagen no aparece.
Este es el código que hice:
import React from 'react'; import image1 from "path"; import image2 from "path"; var date = new Date(); var hour = date.getHours();` var image; if (hour < 20 && hour > 6) { image = { image1 }; } else { image = { image2 }; } const Body = () => { return ( <img src={image} alt="image" /> ); }; export default Body;¡¡Realmente agradecería su ayuda!!
Así es como se hace. ¡Si alguien lo necesita!
import React from 'react'; import image1 from "path"; import image2 from "path"; var date = new Date(); var hour = date.getHours();` var image; if (hour < 20 && hour > 6) { image = image1 ; } else { image = image2 ; } const Body = () => { return ( <img src={image} alt="image" /> ); }; export default Body;