在简单的React类组件中,我们通常使用以下方式将props更改为state:
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,
},
})
}
}
基本上,我只需要将来自另一个父组件的描述属性更改为状态。请问您如何以Hooks的方式展示新的做法?