How to loop over a const object in ReactJS

Question

I have a const in ReactJS which is an object and I want to loops over it to set all values to undefined to reset the state and re-render the component to get a clean form

const [newPayee, setNewPayee] = useState<INewPayee>(() => {
    return {
        appUserId: userInfo.id,
        fullName: '',
        phoneNumber: '',
        email: '',
        streetAddress: '',
        city: '',
        postalCode: '',
        stateId: 0,
        bankId: 0,
        bankAccountNo: '',
        bankInstitutionNo: '',
        transitNo: '',
        note: ''
    }
});

Michael Harvey · Accepted Answer · 2023-11-26 02:35:14Z

0

for (const [key, value] of Object.entries(newPayee)) {
    setNewPayee(prev => ({ ...prev, [key]: undefined }));
};

answered Nov 26, 2023 at 2:35

Michael Harvey

637 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to loop over a const object in ReactJS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related