Panduan praktikal untuk mengendalikan pop timbul dengan React Router

Question

Saya menggunakan Penghala Reaksi pada div akar, tetapi saya nampaknya tidak dapat memikirkan cara mengendalikan pop timbul apabila pautan diklik.

Saya tahu saya boleh memuatkan halaman HTML statik dalam folder awam, tetapi saya mahu ia menjadi fail .js dalam src.

Ini yang saya mahukan:

import { Link } daripada "react-router-dom";

import Ujian daripada './pages/test.js';


contoh fungsi() {
  kembali (
    <>
    <Pautan onClick={() => window.open(<Uji />, "Timbul", "bar alat=tidak, lokasi=tidak, bar status=tidak, bar menu=tidak, bar skrol=1, boleh diubah saiz =0, lebar=650, tinggi=400, atas=30")}>
     Hello
    </Pautan>
    </>
  );
}

eksport lalai Contoh;

Ini adalah satu-satunya cara yang berkesan, tetapi jelas saya kehilangan fungsi React (melainkan saya salah membacanya?) Laluan URL adalah untuk menghala ke direktori dalam direktori awam

import { Link } daripada "react-router-dom";

import Ujian daripada './pages/test.js';


contoh fungsi() {
  kembali (
    <>
    <Pautan onClick={() => window.open('/example', "Timbul", "toolbar=no, location=no, statusbar=no, menubar=no, scrollbars=1, resizable=0 , lebar=650, tinggi=400, atas=30")}>
     Hello
    </Pautan>
    </>
  );
}

eksport lalai Contoh;

Answer 1

Sintaks untuk membuka tetingkap pop timbul ialah: window.open(url, name, params Anda tidak boleh menambah komponen dalam kaedah buka tetingkap dan kaedah buka tetingkap dibina secara berbeza,

).

Untuk maklumat lanjut sila baca: Kaedah tetingkap timbul dan tetingkap