如何访问 getServerSideProps() function 中组件的道具？

Question

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

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

  <Menu name={menuName} />

这里我在 Menu 组件中发送 name 参数。 现在我想在 Menu 组件的 getServerSideProps function 中访问“名称”的值。 任何人都可以这样做吗？

Answer 1

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

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

比像这样传递它：

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

在 Menu 组件中，通过以下道具提取它：

function Menu (props) {

// props.name and props.setName availible

}

// or

function Menu ({name, setName}) {}