將 prop 傳遞給 react js 中的 state

Question

const [nav, setNav] = useState({
firstPage: "active",
});

我想通過我的道具作為價值來說明我如何以正確的方式做到這一點

const addNavi = (prop) => {

//want to pass prop in to my state value
}

Answer 1

您可以對AddNavi組件簽名的參數中的props使用解構賦值（在括號中），然后將其作為useState的第一個參數useState ，這將設置nav的初始狀態：

import React, { useState } from 'react';

const AddNavi = ({ firstPage }) => {

  const [nav, setNav] = useState(firstPage);
}

提示：ReactJS 組件必須以大寫字符開頭，例如AddNav而不是addNav 。

Answer 2

我想你想用 props 值初始化狀態，你可以像下面這樣傳遞。

const [nav, setNav] = React.useState({...props.firstPage});