React props, state

msjulyone·2020년 10월 3일
0

props 는 다른 컴포넌트 데이터를 가져와서 사용하는 인자

state는 현재 컴포넌트에서 사용되는 데이터 인자

create -react-app을 터미널에서 설치했다.
index.html 파일에서 root 클래스를 가진 div 태그에서 파일이 실행된다.

root 클래스는 index.js에서 app 컴포넌트로 실행된다.

app.js는 다른 컴포넌트들을 모아서 사용한다.

react component를 정의할 때 class랑 hooks 두 가지 방법이 있다.
react는 hooks를 더 권장한다.
하지만 대부분의 코드가 class를 사용했기 때문에 hooks를 잘 사용하고
class를 잘 읽기 위하여 학습해야겠다.

props는 컴포넌트 내부의 변하지 않는 데이터를 처리할 때 사용.
state는 유동적인 데이터, 생성자에서 초기값 설정이 필수!
값을 수정 할 때에는 this.setState({...})로 !
렌더링 된 다음엔 this.state = 는 절대 사용하지 말자!

profile
Frontend Developer

0개의 댓글