如何在 nextjs 中的 Router.push() 中将对象作为参数传递并在其他组件中访问该对象

Question

Router.push({pathname: '/card', query:{data: ObjectData}})

我得到查询，因为空值无法将对象传递给它

Answer 1

你可以像这种情况一样传递你的参数：

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

你可以像这样在卡片组件中获取参数：

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

Answer 2

Ciao，在 next.js 中，您可以像这样传递查询参数：

Router.push({
  pathname: '/card',
  query: { name: 'Someone' }
})

你可以这样检索它：

this.props.router.query.name

假设你ObjectData是一个 JSON 对象，你可以像这样传递它：

Router.push({pathname: '/card', query: ObjectData})