Props
-
Props개발/react 2020. 12. 11. 18:00
props는 리액트에서 상위 컴포넌트에서 하위 컴포넌트로 데이터를 전달 할 때 사용하는 기능이다. 아래 그림처럼 Header가 App 안에 포함되어 있을 때 App에서 Header에게 title과 subtitle을 전달하게 되는데 이를 props를 이용해서 할 수 있다. 1. 데이터 전달 class App extends React.Component { constructor(props) { super(props); } render() { const title = '아는개발자' const subtitle = '리액트를 공부해봅시다' return ( ) } } 상위 컴포넌트의 render() 함수에서 하위 컴포넌트를 리턴할 때 내부에 key와 value로 전달한다. Header 컴포넌트에 subtitle로 전..