如何在React Hooks中将道具更改为状态?

如何解决如何在React Hooks中将道具更改为状态??

开发过程中遇到如何在React Hooks中将道具更改为状态?的问题如何解决?下面主要结合日常开发的经验,给出你关于如何在React Hooks中将道具更改为状态?的解决方法建议,希望对你解决如何在React Hooks中将道具更改为状态?有所启发或帮助;

问题描述

您可以将初始状态作为第一个参数传递给useState

const GenerateDescHook = ({ description: initialDesc }) => {
  const [description, setDescription] = useState(initialDesc)

  ...

解决方法

在简单的反应类组件中,我们用来更改道具以这种方式声明:

constructor(props) {
    super(props)

    this.state = {
      pitch: props.booking.pitch,email: props.booking.email,firstName: props.booking.firstName,arrivalDate: props.booking.arrivalDate
    }
}

但是我不知道如何在新功能中(如Hooks)执行此操作,但是我正在尝试以这种方式执行操作。

const GenerateDescHook = ({ description: initialDesc }) => {
  const [description,setDescription] = useState(null)

useEffect(() => {
    setDescription(initialDesc)
  },{})

 function handleChangeVariance(newVariance) {
    setDescription({
      ...description,template: {
        ...description.template,variance_name: newVariance,},})
  }

}

基本上,我只需要更改描述道具,该道具来自另一个父组件以变为状态。请问,我能告诉我如何以新的方式像胡克斯一样去做吗?

编程问答问答

在 CSS 中设置 cellpadding 和 cellspacing?
如何在 Java 中创建内存泄漏?
浮点数被破坏了吗?
按字符串属性值对对象数组进行排序
如何加快Android模拟器的速度?
如何舍入至多 2 位小数?
使用 Git 版本控制查看文件的更改历史记录
如何在 JavaScript 中检查空/未定义/空字符串?
微信公众号搜索 “ 程序精选 ” ,选择关注!
微信公众号搜 "程序精选"关注