typescript - Parameter kueri di pathname Nextjs sedang didekode

Kami sedang mengambil beberapa data dari sebuah API di mana kami menggunakan URL untuk menavigasi melalui aplikasi. Dalam komponen link kami, kami meneruskan URL sebagai <Link href={{ pathname: url , someOtherProperty }} /> di mana URL terlihat seperti /path-to-page?query=value, tetapi ketika saya melihat di sisi klien, saya melihat bahwa URL dikembalikan sebagai /path-to-page%3Fquery=value. URL akan baik-baik saja ketika kami tidak meneruskan objek ke href seperti <Link href={url} />. decodeURIComponent juga tidak bekerja saat meneruskan URL ke pathname karena secara teknis itu benar sampai dirender ke sisi klien.

Ada ide?

Jawaban #1

Saat menggunakan objek URL dalam properti href dari Link, nilai yang Anda berikan ke pathname akan dikodekan dalam bentuk persen. Jika Anda perlu mengirim parameter kueri, Anda cukup menggunakan properti query.

<Link href={{
    pathname: '/path-to-page',
    query: { query: 'value' }
}}>