Quiero hacer una web con el tema del tiempo. Llegué al punto en el proceso de construcción de que el ícono debería cambiar con el cambio de clima.

 let shiftIcon = () => { let icon = ""; let iconText = data.date[0].weather.code; if (iconText == 600) { icon = "https://img.icons8.com/external-those-icons-lineal-color-those-icons/48/000000/external-wind-weather-those-icons-lineal-color-those-icons.png"; return ( <img src={icon} /> ); } else { return null; } }

 <div className="col col-3"> {shiftIcon()} </div>

Y después de escribir este código, recibí un error. ¿Tienes una solución para esto?

TypeError: No se pueden leer las propiedades de shiftIcon indefinido (leyendo '0') E:/Proyectos y capacitaciones/Cursos de educación/react.js cursos/Persona/weather-application/src/components/boxNew.js:32 29 | let shiftIcon = () => { 30 | 31 | dejar icono = ""

32 | let iconText = data.date[0].weather.code; | ^ 33 | 34 | si (textoicono == 600) { 35 | icon = "https://img.icons8.com/external-those-icons-lineal-color-those-icons/48/000000/external-wind-weather-those-icons-lineal-color-those-icons.png ";