hayaletSevgilim.tsx

import { useState } from "react";

const HayaletSevgilim = () => {
  const [ceza, setCeza] = useState("Ceza mı bu");
  const [cile, setCile] = useState("Çektiğim çile mi");
  const [nobet, setNobet] = useState("Yıllardır tuttuğum nöbet bitmeyecek mi?");
  const [karTanesi, setKarTanesi] = useState("Bir küçük kar tanesi gibiyim");
  const [don, setDon] = useState("Avucunda eriyen dön bebeğim");
  const [gosyasi, setGozyasi] = useState("Gözyaşlarını görürsem");
  const [kanatlarim, setKanatlarim] = useState("Erir kanatlarım");
  const [ruya, setRuya] = useState("Uçamam rüyalarında yanına");
  const [sonsuzluk, setSonsuzluk] = useState("Sonsuzluk senle başladı");
  const [dunya, setDunya] = useState("O küçük dünyamda");
  const [yarim, setYarim] = useState("Unutma gittiğinde yarım kaldım");
  const [col, setCol] = useState("Çöllerdeyim yanıyorum");
  const [kutup, setKutup] = useState("Kutuptayım üşüyorum");
  const [cek, setCek] = useState("Ceza benim çekiyorum ne olur dön");
  const [tut, setTut] = useState("Uzanıyorum tutamıyorum");
  const [agla, setAgla] = useState("Özlüyorum ağlıyorum");
  const [yasak, setYasak] = useState("Yasak mısın anlamıyorum ne olur dön");
  const [ses, setSes] = useState("Sevmesen de beni özledim sesini");
  const [git, setGit] = useState("Git desem de yine gitmesen");
  const [hasret, setHasret] = useState("Yıllardır çektiğim bu hasret mi çile mi?");
  const [haram, setHaram] = useState("Haram mısın bana bi' bilsem");

  return (
    <>
      {
        <div>
          <h1>Hayalet Sevgilim</h1>
          <p>{ceza}</p>
          <p>{cile}</p>
          <p>{nobet}</p>
          <p>{karTanesi}</p>
          <p>{don}</p>
          <p>{gosyasi}</p>
          <p>{kanatlarim}</p>
          <p>{ruya}</p>
          <p>{sonsuzluk}</p>
          <p>{dunya}</p>
          <p>{yarim}</p>
          <p>{col}</p>
          <p>{kutup}</p>
          <p>{cek}</p>
          <p>{tut}</p>
          <p>{agla}</p>
          <p>{yasak}</p>
          <p>{ses}</p>
          <p>{git}</p>
          <p>{hasret}</p>
          <p>{haram}</p>
          <p>{setCeza("")}</p>
            <p>{setCile("")}</p>    
            <p>{setNobet("")}</p>
            <p>{setKarTanesi("")}</p>
            <p>{setDon("")}</p>
            <p>{setGozyasi("")}</p>
            <p>{setKanatlarim("")}</p>
            <p>{setRuya("")}</p>
            <p>{setSonsuzluk("")}</p>
            <p>{setDunya("")}</p>
            <p>{setYarim("")}</p>
            <p>{setCol("")}</p>
            <p>{setKutup("")}</p>
            <p>{setCek("")}</p>
            <p>{setTut("")}</p>
            <p>{setAgla("")}</p>
            <p>{setYasak("")}</p>
            <p>{setSes("")}</p>
            <p>{setGit("")}</p>
            <p>{setHasret("")}</p>
            <p>{setHaram("")}</p>
        </div>
      }
    </>
  );
};

export default HayaletSevgilim;

@ozcanzaferayan

??