如何将对象作为参数传递给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})

你认为如何？