1. form 초기화
...
const addMovie = (event) => {
...
setMovieTitle('');
setMovieYear('');
};
...
2. 구조분해할당
...
const addMovie = (event) => {
...
setMovies([
// ...(Object)를 붙이지 않으면 기존 movies 배열을 없어지고 새로운 값으로 덮어씌워진다.
// 이를 막기 위해 ...(Object) 문법을 통해 기존의 배열에 새로운 요소를 추가하는 방법을 구조분해할당이라고 한다.
...movies,
{
title: movieTitle,
year: movieYear
}
]);
};
...
강의 링크
'[ Web ] > React.js' 카테고리의 다른 글
[React.js] Kossie Coder - 15강. 영화 삭제하기 (0) | 2021.12.29 |
---|---|
[React.js] Kossie Coder - 14강. 자식 컴포넌트에서 부모 컴포넌트 스테이트 변경하기 (0) | 2021.12.28 |
[React.js] Kossie Coder - 12강. 영화 리스트 추가 폼 만들기 1 (0) | 2021.12.28 |
[React.js] Kossie Coder - 11강. 컴포넌트와 props 데이터 보내기 복습 (0) | 2021.12.28 |
[React.js] Kossie Coder - 10강. 리액트 반복문 (0) | 2021.12.28 |