javascript - React에서 발송하지 않고 업데이트 된 소품

딥 카피를 수행하지 않고 다른 객체에서 복사 한 객체의 객체 속성을 변경했기 때문입니다. 따라서 중첩 속성을 변경하면 원본 객체도 변경됩니다. 딥 카피를 만들거나 객체를 변경하지 않고 객체를 변경하십시오.

한 개체를 다른 개체에 할당해도 딥 카피를 수행하지 않으면 완전히 다른 개체가 만들어지지 않습니다. 두 객체 참조 모두 동일한 객체를 가리 킵니다.

splice  원래 배열을 변경합니다. slice 를 사용하십시오  또는 filter 와 같은 다른 방법 .

const cart = {
  cartItems: [
    "foo", "bar", "baz"
  ],
}
console.log( "original one before update", cart.cartItems );
const index = cart.cartItems.indexOf("foo");
const items = cart.cartItems.filter( (_, i) => i !== index );
console.log( "original one after update", cart.cartItems );
console.log( "new items", items );