Object.assign으로 값을 복사하여 concat하는 이유가 무엇인가요?

미해결질문
snaag 프로필
snaag 8달 전

handleCreate = data => {
    console.log(data);
    // this.state.information.push(data); X

    const { information } = this.state;

    this.setState({
      information: information.concat(
        // 합침

        Object.assign({}, data, {
          id: this.id++
        }) // 새롭게 들어오는 데이터
      )
    });
  };

이 부분을 말씀하시는 것 같은데,

먼저 Object.assign을 하는 이유는 information의 값을 업데이트하기 위함입니다.

다음으로 concat을 하는 이유는 연락처에 있는 이전의 데이터들에 이어 붙이기 위함입니다.

만약 information: Object.assign({}, data, {id: this.id++})) 만 있다면, information에는 새로운 name과 phone만 들어가게 됩니다.

추가적으로 이렇게도 가능합니다.

const { information } = this.state;

this.setState({
  information: information.concat({
    ...data,
    id: this.id++
  })
});
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스