Update object property in javascript?

Question

 const [fields, setFields] = useState({
    country: { country: "India" },
    address: { street1: "street1", street2: "street2" },
  });

This is my object. I want to update an inner property from this object

let id = 'street1'     
let params = { ...fields, [id]: value }; //This will add a new prop

But i want to update the street1 inside the address object. How to do that?

Nikita Ivanov · Accepted Answer · 2021-05-24 10:19:41Z

1

Use this:

const updatedObject = {
  ...fields,
  address: {
    ...fields.address,
    [id]: value,
  },
};

answered May 24, 2021 at 10:19

Nikita Ivanov

8566 silver badges17 bronze badges

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

Comments

Maxx P · Accepted Answer · 2021-05-24 10:25:40Z

1

Try this

{...fields,address:{...fields.address,"street1":"abc"}}

answered May 24, 2021 at 10:25

Maxx P

1781 silver badge10 bronze badges

Harshith V · Accepted Answer · 2021-05-24 10:49:39Z

1

let userAddress = {
    country: { country: "India" },
    address: { street1: "street1", street2: "street2" },
};

I believe the situation is to update the value of object that is nested , in this case street1.

Best way with ES6 would be to destructure and update the value.

userAddress = {
    ...userAddress,
    address: { ...state.address, street1: newValue },
};

answered May 24, 2021 at 10:49

Harshith V

485 bronze badges