[React] 컴포넌트 반복

Mira Jo·2021년 8월 26일

React

목록 보기
3/3

6장. 컴포넌트 반복

배열에 새 항목 추가할 때, concat 사용.(push는 기존 배열자체를 변경, concat은 새로운 배열 생성)
js에서 클래스 메서드는 기본적으로 바인딩 되어 있지 않음.

This – 객체 안의 메서드에서 this는 그 메서드가 포함된 object를 가리킴
클래스형 컴포넌트에서는
1) constructor에 this.handleClick = this.handleClick.bind(this)로 바인딩 하거나
2) handleClick = () => { } 처럼 선언
함수형 컴포넌트 에서는 콜백에 arrow function으로 바인딩
<button onClick = {() => this.handleClick}>

 컴포넌트 배열 렌더링 할 때는 key값 설정에 주의!(always unique)
 상태 안에서 배열을 변형할 땐, concat, filter등 배열 내장 함수를 사용해 새로운 배열을 만든 후 상태로 설정해야 됨.

0개의 댓글