Bilgi consolda gözüküyor ancak HTML'de gözükmüyor
const [countries, setCountries] = useState([]);
useEffect(() => {
fetch("https://api.covid19api.com/summary")
.then((res) => res.json())
.then((data) => {
setCountries(data.Countries);
});
}, []);
console.log(countries);
countries.map((country) => {
console.log(country.Country);
});
return (
<div>
{countries.map((country) => {
<div className="">
<h1>{country.Country}</h1>
</div>;
})}
</div>
);
Tüm verileri consolda görebiliyorum ancak HTML'de gözükmüyor
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (1)
const [countries, setCountries] = useState([]);
useEffect(() => {
fetch("https://api.covid19api.com/summary")
.then((res) => res.json())
.then((data) => {
setCountries(data.Countries);
});
}, []);
console.log(countries);
countries.map((country) => {
console.log(country.Country);
});
return (
<div>
{countries.map((country) => {
return(
<div className="">
<h1>{country.Country}</h1>
</div>;
)
})}
</div>
Sorunu map fonksiyonu içine divden hemen önce return ekleyerek çözdüm.