Làm thế nào để cập nhật status trên một đối tượng lồng nhau với useState()?

Để cập nhật trạng thái trên một đối tượng lồng nhau sử dụng hook useState() trong React, bạn cần tạo một bản sao của đối tượng, cập nhật giá trị cần thiết trong bản sao đó, và sau đó sử dụng hàm cập nhật trạng thái với đối tượng mới. Một cách phổ biến để thực hiện điều này là sử dụng toán tử spread (...) để tạo bản sao và cập nhật giá trị.

Ví dụ, giả sử bạn có trạng thái đối tượng như sau:

const [user, setUser] = useState({
  name: 'John Doe',
  address: {
    street: '123 Main St',
    city: 'Anytown'
  }
});

Để cập nhật thành phố trong địa chỉ, bạn có thể làm như sau:

setUser((prevUser) ...