제로하우스

Overview React에서 데이터를 전달하는 방법에 대해서 다룬다. props 부모 컴포넌트가 자식 컴포넌트에 값을 전달할 때 사용한다. 컴포넌트의 속성(property)를 의미한다. 성별, 이름처럼 변하지 않는 외부로부터 전달받은 값이다. 상위 컴포넌트로부터 전달받은 값이다. 객체 형태로 어떤 타입의 값도 props에 넣어서 전달할 수 있다. 읽기 전용(read-only)이다. props 사용하기 하위 컴포넌트에 전달하고자 하는 값(data)과 속성을 정의한다. function Parent() { return ( I am parent. ); }; function Child() { return ( ); }; 2. props를 이용하여 정의된 값과 속성을 전달한다. function Parent() { ..

이번 글에서는 React의 props와 state의 간단한 사용법을 다룬다. props와 state props와 state는 React에서 데이터를 전달하는 방법이다. props: 부모 컴포넌트가 자식 컴포넌트에 값을 전달할 때 사용한다. (읽기 전용) state: 자기 자신이 가지고 있는 값이다. (데이터 변경이 필요한 경우 setState() 함수를 통해 값을 변경) props 사용하기 아래는 props를 사용하는 간단한 예시이다. App 컴포넌트의 자식 컴포넌트로 Name 컴포넌트가 있으며, first와 last라는 데이터를 this.props로 전달받는다. // App.js import React from 'react' class Name extends React.Component { render..