更新 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 },
};