stFormData (react Hook)

【问题标题】：How to convert object to set it into >>> stFormData (react Hook)如何转换对象以将其设置为 >>> stFormData (react Hook)
【发布时间】：2021-09-07 13:18:21
【问题描述】：

我有一个对象（数据），如何将它放入 setFormData？目前使用 react-hook-form 将所有数据编译成一个（数据）想知道如何解构并放入 setFormData。有没有人可以帮忙啊

const onSubmit = (data) => {
        Swal.fire('Congratulation!', completeFormStep(), 'success');

        setFormData = data // THIS ONE IM NOT SURE HOW TO SET DATA OBJECT TO setFormData for (data)

        console.log(formData); //still nothing all the data return example 'firstname': '' , 'lastName': ''
        console.log(data); //this one return ('firstname': 'One' , 'lastName': 'Punch Man' 
    };

【问题讨论】：

标签： reactjs react-hooks react-hook-form

【解决方案1】：

setFormData 是一个函数，因此您需要调用它并将data 作为参数传递

setFormData(data)

您也可以使用回调表单。回调表单将帮助您在替换之前考虑以前的状态。就像您之前的状态看起来像 {firstName:'', lastName:'', country:'XYZ'} 并且您的表单数据只有 firstName 和 'lastNameand country is always 'XYZ' then spreading{...previousState, ...data}both the object will only replacefirstNameandlastName`。

setFormData(previousState => {...previousState, ...data});

【讨论】：