如何在ReactJS/nextjs中将值从父传递到子
提问于 2020-07-05 09:37:34
我对reactjs/nextjs很陌生，在如何将值从一个页面传递到另一个页面时，我需要一些帮助。
我想将"Apply.jsx“页面中的值传递给confirmation.jsx页面。值为"name=joe“
Apply.jsx
Router.push({
pathname: "/jobseeker/confirmation" })confirmation.jsx.(需要在此函数中获得值)
const Confirmation = props => {
const { children, classes, view, ...rest } = props;
return (
<div className="cd-section" {...rest}>
<CardWithoutImg bold view="Seeker" link="confirm" orientation="left" />
</div>
);
};
export default withStyles(blogsStyle)(Confirmation);
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-07-05 10:48:29
您可以将其作为查询传递。
const handler = () => {
Router.push({
pathname: '/jobseeker/confirmation',
query: { name: 'joe' },
})
}在Confirmation中，您可以使用useRouter钩子检索它
const Confirmation = props => {
const router = useRouter();
console.log(router.query) // { name : 'joe' }
const { children, classes, view, ...rest } = props;
....
};页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/62744211
复制相关文章
点击加载更多
腾讯云开发者
