...data vs setPost

Question

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운

const fetchPost = async () => {
  try {
    const { data } = await getPostById(props.id);
    // post.value = { ...data };
    // console.log('post: ', post);
    setPost(data);
    console.log('setPost: ', post);
  } catch (error) {
    console.error(error);
  }
};
const setPost = ({ title, content, createdAt }) => {
  post.value.title = title;
  post.value.content = content;
  post.value.createdAt = createdAt;
};

post.value = { ...data };

이것하고

post.value.title = title;

post.value.content = content;

post.value.createdAt = createdAt;

이리하는거 하고 뭐가 차이가 있는건가요??

짐코딩 · Answer

안녕하세요 :) 동작은 같습니다. 다만 setPost 함수와 같은 방식으로 값을 명시적으로 대입 하게 되면 data의 다른 값들이 추가 되었을 때 원하는 값만 할당 할 수 있겠죠? 감사합니다 🙂