ReactJS (2) 썸네일형 리스트형 2. props, state props props란 프로퍼티란 의미로 사용자가 컴포넌트에 전달하는 데이터이다. state state란 사용자는 알 수 없는 컴포넌트 내부의 변동이 가능성이 높은 데이터이다. 생성자로 초기화 하는 작업이 필수적으로 요구된다. 부모 컴포넌트에서 자식 컴포넌트로 데이터를 주입할 때도 사용된다. 아래 예시를 보면 App에서는 자식 컴포넌트인 TOC의 내부구조를 알 필요가 없다. key react에서 자동으로 생성되는 같은 태그가 여러개일 경우 필요한 구별자. 1. React React Component를 이용해 복잡한 HTML 파일을 간결하고 획기적으로 표현 가능한 JS 라이브러리. React를 사용하지 않은 경우 Logo 메뉴1 메뉴2 Hello World! React를 사용한 경우 (아래 코드만 얼핏 보면 이걸 왜 사용하지? 각 태그를 부품화 하여 얻어지는 장점이 굉장히 많다.) 생산성, 유지보수, 가독성 import React, {Component} from 'react'; class Hlogo extends Component{ render(){ return ( Logo )}}; class Anav extends Component{ render(){ return ( 메뉴1 메뉴2 )}}; class Bsection extends Component{ render(){ r.. 이전 1 다음
