我有一个正在使用的 Link 组件,并且想将一个 JavaScript 对象传递给我要链接到的新页面。看来我可以传递原语,但不能传递对象。
也就是说,我想在下面做这样的事情,但我得到一个与 sessionData 关联的空字符串(session.id 和 session.sessionSlug 工作)。
<Link
href={{
pathname: "/session", query:
{
sessionSlug: this.props.session.sessionSlug,
sessionId: this.props.session.id,
sessionData: this.props.session
}
}}
as={`session/${this.props.session.sessionSlug}`}>
<a>{this.props.session.title}</a>
</Link>
最佳答案
我觉得你可以试试JSON.stringify
对象,然后 JSON.parse
回来了
例子
pages/index.js
import Link from 'next/link';
export default () => {
const object = {
key1: 'value1',
key2: 'value2'
};
return (
<Link href={{ pathname: '/about', query: { object: JSON.stringify(object) } }}>
<a>here</a>
</Link>
);
};
pages/about.js
import { withRouter } from 'next/router';
function About({ router: { query } }) {
const object = JSON.parse(query.object);
return (
<div>
about {object.key1} | {object.key2}
</div>
);
}
export default withRouter(About);
希望这会有所帮助!
关于reactjs - 使用 NextJS 链接,如何传递对象客户端?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53132617/