React Kodları

import React, { useEffect, useState } from "react";

function KullaniciListesi() {
  const [veri, setVeri] = useState([]);

  useEffect(() => {
    fetch("https://jsonplaceholder.typicode.com/users")
      .then((res) => res.json())
      .then((data) => setVeri(data))
      .catch(() => console.log("Veri çekme hatası!"));
  }, []);

  return (
    <div style={{ padding: 30 }}>
      <h2>Kullanıcı Listesi</h2>
      <ul>
        {veri.map((kullanici) => (
          <li key={kullanici.id}>{kullanici.name}</li>
        ))}
      </ul>
    </div>
  );
}

export default KullaniciListesi;

import React, { useState } from "react";

function Sayac() {
  const [sayac, setSayac] = useState(0);

  return (
    <div style={{ textAlign: "center", padding: 30 }}>
      <h2>Sayac: {sayac}</h2>
      <button onClick={() => setSayac(sayac + 1)}>Artır</button>
      <button onClick={() => setSayac(0)} style={{ marginLeft: 10 }}>
        Sıfırla
      </button>
    </div>
  );
}

export default Sayac;