Copiei exatamente o código, porém o .map não retornar as 3 previsões, apenas 1
Copiei exatamente o código, porém o .map não retornar as 3 previsões, apenas 1
Oi, Joao Lucas! Tudo bem?
O problema pode estar na forma como você está iterando sobre o array de forecasts no componente ForecastList:
import ForecastItem from "../ForecastItem";
import "../styles.css";
const ForecastList = ({ forecasts }) => {
return (
<div className="forecast-list">
{forecasts.map((forecast, index) => (
<ForecastItem key={index} {...forecast} />
))}
</div>
);
};
export default ForecastList;
Neste ponto, verifique se o array forecasts que você está passando para o componente ForecastList contém os três itens esperados. Você pode adicionar um console.log para verificar o conteúdo do array antes de renderizar os componentes ForecastItem.
console.log("Forecasts:", forecasts);
Além disso, certifique-se de que a função slice(1, 4) está sendo aplicada corretamente para extrair os três próximos dias do array original.
Espero ter ajudado. Conte com o apoio do Fórum na sua jornada. Fico à disposição.
Abraços e bons estudos!