인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

ayun_sim님의 프로필 이미지
ayun_sim

작성한 질문수

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

8.4) Create - 투두 추가하기

newItem부분에서 질문있습니다.

작성

·

237

3

React에서 배열 사용하기2 - 데이터 추가하기 

강의에서 아래와 같은 코드를 작성하시는데

id는 왜 그냥 dateId.current를 하지 않고

id : dateId.current로 수행되는지 궁금합니다.

 

const dateId = useRef(0);

  const onCreate = (author, content, emotion) => {
    const create_date = new Date().getTime();
    const newItem = {
      author,
      content,
      emotion,
      create_date,
      id: dateId.current,
    };
    dateId.current += 1;
    setDate([newItem, ...date]); // 새로작성한 item이 가장 먼저 들어가도록
  };

답변 1

5

이정환 Winterlood님의 프로필 이미지
이정환 Winterlood
지식공유자

안녕하세요

이정환입니다.

리터럴 문법으로 객체를 생성할 때에

생성하고자 하는 프로퍼티의 key와 변수의 이름이 동일할 때에는 key : value 형태로 명시하지 않아도 됩니다.

그러나 id 프로퍼티의 경우 dataId.current가 key의 이름으로 활용되지 않기에 id : dataId.current로 프로퍼티를 명시하여야 합니다.

 

ayun_sim님의 프로필 이미지
ayun_sim

작성한 질문수

질문하기