React.js 프롭스(Props)

프롭스는 컴포넌트에 데이터를 전달하는 방법이다. 프롭스는 리액트를 대표하는 개념 중 하나이다.

App.js에서 Counter 컴포넌트에 a와 initialValue 값을 전달한다.

크롬 콘솔에서 컴포넌트에 전달된 값을 확인할 수 있다.

위와같이 App.js에서 객체로 전달하는 것도 가능하다. / Counter.js는 비구조화 할당으로 받기 / Counter.js에서 데이터를 전달받지 못할 상황을 대비해 Default 값도 미리 지정할 수 있다.