● 3월 24일 Section 2 / Unit6 - [React] React State & Props

● 오늘 공부한 것

• state props에 대해 배웠다.
  • props는 불변한 값을 말한다.
  • state는 변할 수 있는 값을 말한다.
  • props는 단방향 으로 이동한다.

[3장 컴포넌트]

• state props에 대해 배웠다.

 

● 내가 놓치고 있던 것

• props는 객체로 전달된다.

<MyComponent name={'daeun'}>
<MyComponent name='daeun'>

const copy = {name : 'daeun'}
<MyComponent props={...copy}>

<MyComponenent props={name : 'daeun'}>

• useState를 const 로 지정하는 이유는 직접적인 수정을 불가능하게 하기 위해서 이다. 직접적으로 수정하게 된다면, 상태변경을 모르기 때문에 리렌더링이 일어나지 않게 된다. 따라서 state를 변경하기 위해서는 setter함수를 써서 수정해야한다. 그래야 리렌더링이 일어나는 것이다.

 

---

● 끝맺음

• 알고리즘 1개와
• 리액트 클래스형 컴포넌트에서 쓰이는 ref 에 대해서 배웠다

 

[5장 ref : DOM에 이름달기]