웹 공부 노트/React1 [React] 리액트 컴포넌트에 값 전달하기 - 프로퍼티(Props) 사용) 오늘의 공부 노트는 React에서 컴포넌트에 값을 전달해야 할 일이 무조건 있을 것이다 이럴 경우는 어떤 식으로 전달하는지 알아보자! # 프로퍼티(Props)란? - properties의 줄임말이다. - 상위 컴포넌트가 하위 컴포넌트에 값을 전달할 때 사용한다 즉 단방향 데이터 흐름을 갖는다. - 프로퍼티는 하위 컴포넌트에서 수정이 불가하다. 우선 개념적 정의를 알아봤으니 이제 사용방법을 알아보자! # 사용법 시나리오 - 버튼을 생성해주는 컴포넌트가 있고 버튼의 text, fontColor, onClick 이벤트를 프로퍼티로 넘겨주고 설정해 주는 시나리오이다. 우선 프로퍼티가 없이 구현한 코드를 먼저 살펴보자! function CustomButton(){ return 버튼이다! } function App.. 2023. 9. 6. 이전 1 다음