nextjs跳转传参

Question

问题描述

nextjs点击后附带参数跳转到下一个页面 ，在下一个页面想获得传过来的值，比如react里面的Pages页面下的index.js 点击一个按钮附带一个值,跳转到Pages下面的offer.js，想在offer.js下获取传过来的值
页面都是这种模板

import React, { Component} from 'react';
export default class Index extends Component{
    render(){
        
    }
}

这样一种形式，

import React, { Component} from 'react';
export default class Offer extends Component{
    render(){
        
    }
}

怎么在这个页面获取到index传过来的值呢

Answer 1

在Pages页面跳转可以

     import Router from 'next/router' // 导入引入进来的
  Router.push({
    pathname: '/myStock', 
    query: { 
      state: 7,
      type:2
    }
  })

在index收到参数

`router.query.id`