Herkese iyi geceler. Sorumun aslında bir nevi cevabı var Tayfun abinin çektiği bir video sayesinde lakin benim sistemime onu nasıl dahil edeceğim bulamadım. Alta olduğu gibi index.php sayfamda bu şekile sorgularım var. İlkel bir yapı olabilir ama öğrenme aşamasındaydım. Bunun gibi bir yapıyı react sayfasında App.js yada Mail.js sayfasında nasıl yapabilirim anlamadım. Normalde yapacağım şey önceden kafamda kurardım lakin hem react hemde php halen başlangıç seviyesinde olduğum için nasıl yapabilirim gram bilmiyorum. Sayfada bir çok farklı kodlar mevcut onları nasıl js sayfasında yazacağım anlamadım bir türlü. Bu örnek sadece bir tane, bir dünya buna benzer sorgum var ve normal saf js, php den reacta entegere edebilirim anlayamadım.

<div class="mails">
    <?php
    $email_query = $db->query("SELECT * FROM email ORDER BY id DESC LIMIT $nereden,$kacar");

    while ($result_email = $email_query->fetch(PDO::FETCH_ASSOC)) :

        $me = $_SESSION["user"]["user_email"];
        if ($result_email["alici"] == $me || $result_email["gonderen"] == $me) :
            if ($result_email["sil"] == 0) :
                if ($result_email["arsiv"] == 0) :
    ?>
                    <div class="mail position-relative">
                        <a href="./index?mail=<?php echo $result_email["id"] ?>" class="w-100 h-100 position-absolute top-0 start-0"></a>
                        <div class="mobil">
                            <div class="yıldız">
                                <?php if ($result_email["yildiz"] == 0) : ?>
                                    <div data-bs-toggle="tooltip" data-bs-placement="bottom" title="Yıldızlı değil"><a href="process.php?id=<?php echo $result_email["id"] ?>&user_star_add=true"><i class='bx bx-star'></i><span class="mobil-show">Yıldızla</span></a></div>
                                <?php endif; ?>
                                <?php if ($result_email["yildiz"] == 1) : ?>
                                    <div data-bs-toggle="tooltip" data-bs-placement="bottom" title="Yıldızlı"><a href="process.php?id=<?php echo $result_email["id"] ?>&user_star_delete=true"><i class='bx bxs-star' style="color: #f3c74a;"></i><span class="mobil-show">Yıldızla</span></a></div>
                                <?php endif; ?>
                            </div>
                            <div class="sil">
                                <a data-bs-toggle="tooltip" data-bs-placement="bottom" title="Sil" href="process?id=<?php echo $result_email["id"] ?>&user_mail_delete=true"><i class='bx bx-trash-alt'></i><span class="mobil-show">Sil</span></a>
                            </div>
                            <div class="hover-show">
                                <div class="arsiv">
                                    <?php if ($result_email["arsiv"] == 0) : ?>
                                        <div data-bs-toggle="tooltip" data-bs-placement="bottom" title="Arşivle"><a href="process.php?id=<?php echo $result_email["id"] ?>&user_arsiv_add=true"><i class='bx bx-archive'></i><span class="mobil-show">Yıldızla</span></a></div>
                                    <?php endif; ?>
                                    <?php if ($result_email["arsiv"] == 1) : ?>
                                        <div data-bs-toggle="tooltip" data-bs-placement="bottom" title="Çıkar"><a href="process.php?id=<?php echo $result_email["id"] ?>&user_arsiv_delete=true"><i class='bx bxs-archive' style="color: #fc9000;"></i><span class="mobil-show">Yıldızla</span></a></div>
                                    <?php endif; ?>
                                </div>
                                <div class="pin">
                                    <?php if ($result_email["pin"] == 0) : ?>
                                        <div data-bs-toggle="tooltip" data-bs-placement="bottom" title="Pinle"><a href="process.php?id=<?php echo $result_email["id"] ?>&user_pin_add=true"><i class='bx bx-pin'></i><span class="mobil-show">Pinle</span></a></div>
                                    <?php endif; ?>
                                    <?php if ($result_email["pin"] == 1) : ?>
                                        <div data-bs-toggle="tooltip" data-bs-placement="bottom" title="Çıkar"><a href="process.php?id=<?php echo $result_email["id"] ?>&user_pin_delete=true"><i class='bx bxs-pin' style="color: #0084f0;"></i><span class="mobil-show">Yıldızla</span></a></div>
                                    <?php endif; ?>
                                </div>
                            </div>
                        </div>
                        <div class="gonderen_ad">
                            <span class="mobil-show">Gönderen:&nbsp;</span>
                            <?php echo $result_email["gonderen_adi"] . " " . $result_email["gonderen_soyadi"] ?>
                        </div>
                        <div class="konu">
                            <span class="mobil-show">Konu:&nbsp;</span>
                            <?php echo $result_email["konu"] ?>
                        </div>
                        <span class="mobil-hide">-</span>
                        <div class="mesaj">
                            <span class="mobil-show">İçerik:&nbsp;</span>
                            <?php echo $result_email["mesaj"] ?>
                        </div>
                        <div class="tarih">
                            <?php echo $result_email["tarih"]; ?>
                        </div>
                    </div>
                <?php endif; ?>
            <?php endif; ?>
        <?php endif; ?>
    <?php endwhile; ?>
    <nav aria-label="Page navigation example" class="position-absolute bottom-0 end-0">
        <ul class="pagination">
            <?php for ($i = 1; $i <= $ssayisi; $i++) : ?>
                <li class="page-item"><a class="page-link" <?php echo "href='index?p={$i}/#all'" ?>><?php echo "{$i}" ?></a></li>
            <?php endfor; ?>
        </ul>
    </nav>
</div>