score:0

this doesn't work for me. it says cannot read property query of undefined

i have an object of userdata which i want to pass from nav component to userprofilepage.

so, in nav i write:

onclick={() => {
  router.push({
    pathname: "/userprofilepage",
    query: { data: json.stringify(userdata) },
  });
}}

and to retrieve in userprofilepage:

const router = userouter();
const userdata = json.parse(props.router.query.data);

score:0

this how you pass object as parameter in nextjs

  router.push({
  pathname: "/biodata",
  query: { data: "test" },
  });

and if it is a variable e.g id=12346

 router.push({
  pathname: "/biodata",
  query: { data: id },
  });

and you access that object in other component using these line of code

const router = userouter();
const {
query: { data },
} = router;

i.e how to used it in new page .about page

import { userouter } from "next/router"
export default function aboutpage() {
const router = userouter()
const {
query: { data },
} = router
return <div>about us: {data}</div>
} 

score:3

ciao, in next.js you can pass query parameters like this:

router.push({
  pathname: '/card',
  query: { name: 'someone' }
})

and you retrieve it this way:

this.props.router.query.name

supposing that your objectdata is a json object, you could pass it like:

router.push({pathname: '/card', query: objectdata})

score:16

you can pass your params like this case:

router.push({
      pathname: '/card',
      query: { data: json.stringify(objectdata)}
  })

and you can get params in card component like this:

json.parse(props.router.query.data);

Related Query

More Query from same tag