svelte / store 업데이트 방법으로 객체를 업데이트 할 때 스프레드 연산자를 사용해야합니까?

개체를 사용하여 데이터를 저장하는 저장소를 만들고 있습니다.

스프레드 연산자를 사용하여 상점을 업데이트 할 수 있지만 스프레드 연산자 없이도 업데이트 할 수 있습니다.

Svelte는 React와 같이 객체의 상태를 업데이트하기 전에 스프레드 연산자를 사용하여 새 객체를 만들어야하므로 원래 객체를 변경하지 않습니까?

withSpreadOperator()또는 withoutSpreadOperator()... 그게 질문입니다.

//stores.js

import { writable } from "svelte/store";

export const counts = writable({ n: 0 });

//App.js

<script>
  import { count } from "./stores.js";

  function withSpreadOperator() {
    count.update(o => {
      let x = { ...o };
      x.n++;
      return x;
    });
  }

  function withoutSpreadOperator() {
    count.update(o => {
      o.n++;
      return o;
    });
  }
</script>

<h1>The count is {$count.n}</h1>
<button on:click="{withSpreadOperator}">+</button>
<button on:click="{withoutSpreadOperator}">+</button>