[React] Props와 State

Study. React

Create 기능 구현

[베이스 캠프]

📌컴포넌트 안에서 자신에게 전달된 props 값을 바꾸는 것은 금지이고 props 밖에서 값을 바꾸는 것은 허용

📌내부적으로 필요한 데이터나 상태는 state를 통해 관리

📌props와 state 이 둘은 render라는 함수의 호출을 유발하기 때문에 이 값들을 바꾸는 작업 하려면 props와 state를 적당히 바꿔주면 됨

📌asynchronous: 비동기

 

 

📌state는 내부적&사용자, props는 외부적&구현자로 사용

📌컴포넌트는 props와 state의 영향에 따라 움직이는데 그 상태가 실제 웹 브라우저(dom)에 영향을 줌

 

 

📌Without recux를 보면 위쪽에 있는 회색 동그라미(WEB)가 아래쪽 회색 동그라미(Content, subject)의 상위 컴포넌트를 나타냄

📌상위 컴포넌트가 하위 컴포넌트로 값을 전달할 때는 하위 컴포넌트의 props로 전달함

📌하위 컴포넌트가 상위 컴포넌트의 값을 바꾸고 싶다면 props가 아닌 이벤트를 통해서 함

📌REDUX: 하나의 저장소의 값이 바뀌면 관련된 모든 컴포넌트가 알아서 바뀜

 

 

💡내부적으로 state, 외부적으로는 props를 사용한다. props는 값을 사용하는 외부 쪽에서는 수정이 가능하지만 사용자 태그와 연결해둔 분리 파일, 즉 내부에서 props값에 강제로 다른 값을 부여하는 것은 불가능하다. 그래서 그 안에서는 읽기만 가능하다. state는 수정이 가능한데 그 방법이 this.setState를 사용하는 것이다.

 

오늘은 여기까지_

전날에 잠을 못 잤더니 너무 피곤해서 일찍 자야 될 거 같다.

내일은 다음 날이 주말이니까 많이 들어야겠다.