[React] State, 그리고 Props

사용자 / 구현자(개발자)
User Interface

props : 사용자가 조작하는 장치. 사용자가 컴포넌트를 사용하는 입장..사용자가 사용하는데 있어 중요한 점
state : 내부적 조작장치, 매커니즘. Props 값에 따라 내부 구현에 필요한 데이터.. 사용자가 알아서 ㄴ안됨
격리시켜서 양쪽의 편의성을 도모하는 것

Component 만들면
props로 diy가능 (외부)
component 내부적으로 사용하는 것 : state.

react에서는 props나 state값이 바뀌면 그 값에 해당되는 render()가 다 시 호출되어진다.=> 화면이 다시 그려진다.

constructor() 안에서는 state를 this.state={mode:'read'}

이런식으로 변경가능하지만 이미 컴포넌트가 생성이 끝난 후에 동적으로 state를 바꿀 땐 함수형으로 바꿔야한다.

setState() 라는 함수에 값을 객체의 형태로 전달해서 변경해야한다. contructor처럼 바꾸면 리액트는 값이 변경된 걸 인지할 수 없음.
render() 다시 재호출되지 않음..-> 화면 새로고침 x
state는 변경되지만 화면에서 우리는 확인할 수 없음.