Bagaimana untuk menghantar prop dalam url dalam react js?

Question

Saya ingin tahu cara menghantar format props yang betul dalam url dalam React js.

Andaikan nama prop saya ialah "isOpen" dan jenisnya ialah Boolean.

Alamat laman web saya ialah http://localhost:3000/Home.

Kini saya juga ingin menghantar prop saya melalui URL ini. Bagaimana hendak melakukannya?

Saya mencuba sesuatu seperti ini http://localhost:3000/Home/isOpen/false tetapi ia membuang ralat ini dalam konsol.

Menolak pelaksanaan skrip daripada "http://localhost:3000/Home/bundle.dev.js" kerana jenis MIMEnya ("teks/html") tidak boleh dilaksanakan dan semakan jenis MIME yang ketat didayakan.

Bagaimana untuk melakukan ini?

Answer 1

Anda boleh menggunakan rentetan pertanyaan dalam URL, dalam kes anda, ia sepatutnya kelihatan seperti ini:

http://localhost:3000/Home/?isOpen=false

dan gunakan URLSearchParams 和 useLocation 挂钩从 URL 读取 isOpen:

const location = useLocation();
const isOpen = new URLSearchParams(location.search).get("isOpen");