[]
Nextjs - url parametreleri hk.
selamlar, ya nextjs ile yeni yeni ilişki kuruyorum da, rahatsız olduğum bir mevzu var:
router.push ile url değiştiriyorum, ancak url ye parametre eklediğimde, ?, & vb. işaretleri patlatıyor bu da url nin çirkin gözükmesine sebep oluyor.
bunu nasıl engellyebiliriz?
import { useRouter } from 'next/router'
const router = useRouter()
const query = { group: groups, concept: concepts, q: querySearch }
const url = { pathname: router.pathname, query }
const urlAs = { pathname: router.asPath, query }
router.push(url, urlAs, { shallow: false });
şu kodları kullanarak yapıyorum.
normalde beklentim:
xxx.com?group=1,2,4&concept=3,4,5&q=aşk
bana döndüğü sonuç:
xxx.com%3Fgroup=&concept=&q=%3
router.push ile url değiştiriyorum, ancak url ye parametre eklediğimde, ?, & vb. işaretleri patlatıyor bu da url nin çirkin gözükmesine sebep oluyor.
bunu nasıl engellyebiliriz?
import { useRouter } from 'next/router'
const router = useRouter()
const query = { group: groups, concept: concepts, q: querySearch }
const url = { pathname: router.pathname, query }
const urlAs = { pathname: router.asPath, query }
router.push(url, urlAs, { shallow: false });
şu kodları kullanarak yapıyorum.
normalde beklentim:
xxx.com?group=1,2,4&concept=3,4,5&q=aşk
bana döndüğü sonuç:
xxx.com%3Fgroup=&concept=&q=%3
Router'ın içinde query objesi var, onu kullanman lazım.
Router.push({
pathname: '/about',
query: { name: 'Someone', age: 23 }
})
gibi.
Bu "/about?name=Someone&age=23" url'ini oluşturacak.
Router.push({
pathname: '/about',
query: { name: 'Someone', age: 23 }
})
gibi.
Bu "/about?name=Someone&age=23" url'ini oluşturacak.
- plutongezegendegilmi
(17.06.21 12:44:55 ~ 12:45:53)
1
