더북(TheBook)

10.3.3 데이터 추가

 

이제 input에 적은 일정 정보를 todos 배열에 추가하는 기능을 구현하겠습니다. App 컴포넌트에 handleInsert 메서드를 정의하세요. 이 메서드는 새 데이터 객체를 만든 후 setState를 사용하여 todos 안에 넣어 줍니다. 이 과정에서 전개 연산자(...)를 사용합니다. 객체 내부의 id 값은 추가할 때마다 1씩 더해집니다. 이때 사용할 id 값은 렌더링되는 정보가 아니므로 굳이 state 내부에 넣을 필요 없이 컴포넌트의 멤버 변수로 선언합니다. 우리는 내부 메서드 getId를 만들어 이것을 호출하면 기존 값에 1을 더한 후 이를 반환하도록 설정했습니다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.