将 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});