如何在 getServerSideProps() 函数中访问组件的道具？答案

【问题标题】：How can I get access to props of a component inside the getServerSideProps() function?如何在 getServerSideProps() 函数中访问组件的道具？
【发布时间】：2021-02-04 19:21:14
【问题描述】：

我想在 React 组件中发送一些参数，然后想在组件的 getServerSideProps 函数中访问这些参数的值。有没有办法做到这一点？

我正在使用 React js 的下一个框架。

  <Menu name={menuName} />

这里我在菜单组件中发送名称参数。现在我想在 Menu 组件的 getServerSideProps 函数中访问“name”的值。谁能做到？

【问题讨论】：

getServerSideProps 定义了页面的 props，并在组件渲染之前执行。它不能在您的Menu 组件中使用，它只能在页面中使用。更多详情请见：nextjs.org/docs/basic-features/…。

标签： javascript reactjs next.js

【解决方案1】：

如果您的 Menu 组件是子组件，则在父组件中定义 useState 挂钩，如下所示：

const [name, setName] = React.useState('default name');

比传递它像：

<Menu name={name} setName={setName} />

在菜单组件中，而不是通过以下道具提取它：

function Menu (props) {

// props.name and props.setName availible

}

// or

function Menu ({name, setName}) {}

【讨论】：