Estoy tratando de actualizar el estado, pero el estado no se actualiza como se esperaba. Se actualiza parcialmente. Necesito ayuda para actualizar los datos de datos actualizados. Mi estado es el siguiente.

 this.state = { userData: { accounts: { '82345': 'Data 1' }, jobTitle: { '79438': 'Data 2' }, state: { '82099': 'Data 3' }, country: { '82008': 'Data 4' }, }, updatedData: { firstName: 'Parul', lastName: 'Rathod', mail: parulRathod@gmail.com, accounts: '', jobTitle: '', state: '', country: '', }, }; }

Necesito que los datos se guarden como

 accounts: { label: 'Data 1', value: '82345' }, jobTitle: { label: 'Data 2', value: '79438' }, state: { label: 'Data 3', value: '82099' }, country: { label: 'Data 4', value: '82008' },

Intenté usar el método a continuación para realizar los pasos necesarios, pero solo se actualiza el país y el resto permanece como el estado anterior.

 setUserData = () => { for (const key of Object.keys(this.state.userData)) { if(typeof (this.state.userData[key]) === 'object') { const seperator = this.state.userData[key]; if(seperator) { const values = Object.values(seperator); const keys = Object.keys(seperator); const data = { label: values[0], value: keys[0] }; if (key === 'country') { this.setState({ updatedData: { ...this.state.updatedData, country: data, }, }); } else if (key === 'accounts') { this.setState({ updatedData: { ...this.state.updatedData, accounts: data, }, }); } else if (key === 'state') { this.setState({ updatedData: { ...this.state.updatedData, state: data, }, }); } else if (key === 'jobTitle') { this.setState({ updatedData: { ...this.state.updatedData, jobTitle: data, }, }); } } } } }