如何在 Nextjs 应用路由器中的路由之间传递 props

Question

我正在使用 App router 并且我想将参数作为

object

传递，而不使用

useParams

和

useSearchParams

如果我有一个物体说

person

const person: Person = {
  name: "John Doe",
  age: 25,
  address: "123 Main St",
};

我想将

person

对象从一条路线发送到另一条路线，比如说从

/home

到

/person

目前，根据我有限的知识，您可以使用

从一条路线移动到另一条路线

1. router.push()

2. Link's href

但是如果我可以传递完整的对象，我看不到任何论据

Answer 1

对我来说，这可以完美地将对象传递给其他组件，而且它是服务器端代码，也许会对你有所帮助：

在

/home

这样说

export default function Home() { 

  var person: object = {
    name: "John Doe",
    age: 25,
    address: "123 Main St",
  };

  return ( 
    ...

    <Login myObj={person}/>

    ...
  )};

然后在

/person

中像这样使用它

export default function person(props : any) {

return (
   ... 
  
   <p {props.myObj.name}</p>
   <p {props.myObj.age}</p>
   <p {props.myObj.address}</p>

   ...
)};