v2.5.2
Giriş yap

Bilgi consolda gözüküyor ancak HTML'de gözükmüyor

mlhslckr
112 defa görüntülendi
  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

Cevap yaz
Cevaplar (1)
mlhslckr
186 gün önce
  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.