컴포넌트1 소플의 처음 만난 리액트_실습3 소플의 처음 만난 리액트_실습3 컴포넌트 기반 구조 작은 컴포넌트들이 모여서 하나의 컴포넌트를 구성하고, 이러한 컴포넌트들이 모여서 전체 페이지를 구성한다. props 리액트 컴포넌트의 속성 컴포넌트에 전달할 다양한 정보를 담고 있는 자바스크립트 객체 props의 특징 읽기 전용 리액트 컴포넌트의 props는 바꿀 수 없고, 같은 props가 들어오면 항상 같은 엘리먼트를 리턴해야 함 props의 사용법 JSX를 사용할 경우 컴포넌트에 키-값 쌍 형태로 넣어주면 됨 문자열 이외에 정수, 변수, 그리고 다른 컴포넌트 등이 들어갈 경우에는 중괄호를 사용해서 감싸주어야 함 JSX를 사용하지 않는 경우에는 createElement()함수의 두 번째 파라미터로 자바스크립트 객체를 넣어 주면 됨 컴포넌트의 종류 클.. 2023. 7. 11. 이전 1 다음 반응형