使用 next/link 将 props 发送到加载的组件

Question

import TestAcademy from './test-academy.js';    
function MyApp({ Component, pageProps }) {
      const router = useRouter()
      const [approved, setApproved] = useState(false)

      ...

    return(
    <Link href='/test-academy' //pass approved as a prop>
        
    </Link>  )

So, I want to load the component TestAcademy, and when it loads I can access inside them, to props.approved

Answer 1

<Link
  to={{
    pathname: "/test-academy",
    state: { approved: approved }
  }}
/>