프로그래밍

[리액트를 다루는 기술] 8. 함수형 컴포넌트

Gilvert 2018. 10. 8. 23:58
728x90



1. class 형태의 컴포넌트

- API나 state를 사용할때는 꼭 사용


2. ES6 문법

- 비구조화 할당

- 화살표 함수


- const hello => ({name}) => {

 return (

<div> Hello {name} </div>

)

}


* 상기의 형식을 다음과 같이 표현 가능


- const hello => ({name}) => (

<div> Hello {name} </div>

)
-> {} 괄호와 return 생략


3. 언제 함수형 컴포넌트 사용?
- state나 컴포넌트 라이프사이클 API를 사용하지 않는 경우



가우넷 구름 USB 충전식 양면 대용량 보조배터리 손난로, 단일 상품, 화이트



"파트너스 활동을 통해 일정액의 수수료를 제공받을 수 있음"