console.log("Hello world!");
10
Takipçiler
12
Takip Edilenler
Gurkan Kose
07/04/2025 12:48
const Harf = ({ harf, delay }) => { const [goster, setGoster] = useState(false); useEffect(() => { const timer = setTimeout(() => { setGoster(true); }, delay); return () => clearTimeout(timer); }, [delay]); return <span>{goster ? harf : ""}</span>; }; const Selam = () => { const kelime = "Selam"; const [harfler, setHarfler] = useState([]); useEffect(() => { const yeniHarfler = kelime.split("").map((harf, index) => ({ harf, delay: index * 500, })); setHarfler(yeniHarfler); }, []); return ( <h1> {harfler.map((h, i) => ( <Harf key={i} harf={h.harf} delay={h.delay} /> ))} </h1> ); }; export default function App() { const [hazir, setHazir] = useState(false); useEffect(() => { const timer = setTimeout(() => { setHazir(true); }, 1000); return () => clearTimeout(timer); }, []); return ( <div style={{ textAlign: "center", marginTop: "100px", fontSize: "40px" }}> {hazir ? <Selam /> : <p>Yükleniyor...</p>} </div> ); }
