更新 javascript 中的 object 屬性？

Question

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

這是我的 object。 我想從此 object 更新內部屬性

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

但我想更新地址 object 內的 street1。 怎么做？

Answer 1

用這個：

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

Answer 2

嘗試這個

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

Answer 3

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

我相信情況是更新嵌套的 object 的值，在這種情況下是 street1。

使用 ES6 的最佳方法是解構和更新值。

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