javascript - 在react js中将prop传递给state

Question

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

我想将我的 prop 作为值传递给首页，以说明我如何以正确的方式执行此操作

const addNavi = (prop) => {

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

Answer 1

您可以使用destructuring assignment AddNavi 组件签名的参数中的 props(在括号中)，然后将其作为 useState 中的第一个参数传递，这将设置nav 的初始状态:

import React, { useState } from 'react';

const AddNavi = ({ firstPage }) => {

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

提示:ReactJS 组件必须以大写字符开头，例如 AddNav 而不是 addNav.