Question

我是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);

Answer 1

您可以将其作为查询传递

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;
  ....
};

如何在ReactJS / nextjs中将值从父级传递到子级到

1 个答案: