reactjs - 将 Prop 从页面传递到 Nextjs 中的组件

Question

我想将我的 Prop 从页面传递给所有其他组件。我有一个像这样设置的动态路线。

-pages
  -[tv]
  -index.js
   -category
   -index.js
   ...

所以溃败看起来像这样:pages/[tv]/category/...

我的 index.js，文件夹 [tv] 的子级，页面代码。

const Home = props => {
  const router = useRouter()
  const { tv } = router.query
  console.log(tv) //Value that i want to pass as props to other components.

所以我想将 tv 的值作为 Prop 传递给其他组件。
希望我的问题不是太模糊。

谢谢

Answer 1

如果这些组件在 Home 中呈现组件，你可以通过 tv作为 Prop :

const SomeComponent = props => {
  const { query } = useRouter()
  const { tv } = query
  // ...
}

const Home = props => {
  // ...

  return (
    <SomeComponent />
  )
};

如果您不想要 Prop 钻孔，那么您可以使用 useRouter钩。