Next.js: Pertanyaan perutean - pola params seperti: "/ profil/: id/edit" dan server db -bagaimana cara melewatkan data untuk bereaksi komponen?

Dibuat pada 17 Des 2016  ·  3Komentar  ·  Sumber: vercel/next.js

hai, saya tahu masalah ini telah dibahas sebelumnya tetapi saya tidak dapat menemukan jawaban yang jelas untuk pola ini.
Pertama - koreksi saya jika saya salah, jika Anda tidak menerapkan server khusus (http atau ekspres) komponen Tautan hanya mendukung parameter string kueri seperti "/profile?id=123&action=edit" apakah saya benar?
Untuk dapat bekerja dengan pola params url seperti "/ profile/:id" Anda perlu mengimplementasikan server khusus ... ini adalah yang terbaik yang bisa saya tebak melalui contoh ...
Jika demikian - bagaimana Anda menerapkan pola seperti "/ profil/: id/edit"
Dalam contoh 'parameterized-routing' index.js menggunakan tautan seperti ini:
<Link href='/blog?ip=first' as='/blog/first'><a>My first blog post</a></Link>

dan saya tidak dapat menguraikan alur kerja yang diperlukan di server.js
server.js mendeklarasikan const match = route('/blog/:id')

dan kemudian tidak jelas apa yang sebenarnya masuk ke bilah alamat, dan data apa yang didorong ke komponen reaksi?
Bagaimana cara menangani rute seperti "/ profil/: id/edit"
Bagaimana cara menangani banyak rute dengan cara yang umum (berasal dari react-router saya mencari utilitas pencocokan yang setara ...)
Juga, jika saya memiliki pengambilan data db sebelum rendering - bagaimana saya bisa meneruskan data yang diambil ke komponen reaksi.
Semua ini agak tidak jelas dan saya akan sangat menghargai bantuan Anda karena saya mencoba menebak jalan saya tanpa hasil.

Terima kasih
Terbuka sedikit

Komentar yang paling membantu

Ini adalah serangkaian pertanyaan yang bagus.
Kami akan menambahkan lebih banyak info tentang dokumen.

Untuk saat ini, pikirkan seperti ini:

  • Next.js hanya tahu cara menyajikan halaman. Anda harus melewati params. (Seperti: /blog?id=first )
  • Dengan #310 kami mengizinkan cara untuk menyesuaikan tampilannya ke dunia luar. (Seperti: blog/:id Lihat
  • Dan ketika Anda melakukan perutean sisi klien, aplikasi sisi klien tidak tahu apa-apa tentang url khusus.
  • Jadi, Anda perlu menggunakan Tautan sebagai: <Link href='/blog?id=first' as='/blog/first' />

    • href: ini adalah url halaman yang sebenarnya

    • sebagai: seperti inilah tampilannya di browser (biasanya, itu harus cocok dengan pola URL khusus Anda)

Semua 3 komentar

Ini adalah serangkaian pertanyaan yang bagus.
Kami akan menambahkan lebih banyak info tentang dokumen.

Untuk saat ini, pikirkan seperti ini:

  • Next.js hanya tahu cara menyajikan halaman. Anda harus melewati params. (Seperti: /blog?id=first )
  • Dengan #310 kami mengizinkan cara untuk menyesuaikan tampilannya ke dunia luar. (Seperti: blog/:id Lihat
  • Dan ketika Anda melakukan perutean sisi klien, aplikasi sisi klien tidak tahu apa-apa tentang url khusus.
  • Jadi, Anda perlu menggunakan Tautan sebagai: <Link href='/blog?id=first' as='/blog/first' />

    • href: ini adalah url halaman yang sebenarnya

    • sebagai: seperti inilah tampilannya di browser (biasanya, itu harus cocok dengan pola URL khusus Anda)

Terima kasih @arunoda !
Sederhana & jelas.

Luar biasa. akan menutup masalah ini.

Apakah halaman ini membantu?
0 / 5 - 0 peringkat