如何訪問 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}) {}