song.log

1. State 사용 state를 사용하기 위해서는 클래스형 컴포넌트가 기반이 되어야 한다. 기본 형태로는 아래와 같다. 1) state로 부모 컴포넌트 > 자식 컴포넌트로 값 넘겨주기 먼저 생성자에 state를 선언해주고 그 state 값을 렌더링할 때 사용할 수 있다. 또한 이 state 값을 자식 컴포넌트에게 넘겨준다면, 자식 컴포넌트는 이 데이터를 props를 통해 사용할 수 있게 된다. //부모 컴포넌트 Test import React, { Component } from 'react'; import TestChild from './TestChild'; class Test extends Component { constructor(props){ super(props); this.state ={ na..

1. Props와 State의 차이 Props: 먼저 Props는 Properties의 줄임말로 State와의 간단한 차이는 변할 수 없다는 것. 컴포넌트는 상속하는 부모 컴포넌트로부터 props를 받고 이 props는 상속받은 컴포넌트 내에서 수정이 불가능하다. 리액트에서는 부모 > 자식의 일방향성 상속이라는 특징 때문이다. props는 컴포넌트가 가지고 있는 다양한 값을 나타내기 위한 존재로 'this.props,xxx'로 나타낸다. - 읽기 전용 - 부모 요소에서 설정하는 것 - 초깃값과 자료형의 유효성 검사가 가능 State: State는 컴포넌트의 상태를 나타내며, props와 반대로 변할 수 있다. 컴포넌트의 내부에서 선언되기 때문이다. 이러한 state는 외부에 공개하지 않고, 컴포넌트가 스..