如何从子组件内部设置父组件的状态[重复]

Posted 2023-02-21

【中文标题】如何从子组件内部设置父组件的状态[重复]

【英文标题】：How to set the state of parent component in react from inside child component [duplicate]

【发布时间】：2021-06-29 20:48:27

【问题描述】：

如何在子组件内部设置父组件的状态？子组件只是一个我想设置组件状态的函数。

【参考方案1】：

将 setstate 传递给子组件并在那里设置状态。

例如

const [user, setUser] = useState("")

childcomponentFunction(setUser) // function

在子组件中使用如下

setUser(prev => (
  ...prev,
  user: "testuser"
))

上面将保持prev状态以及设置父状态。