React State Practice

[노마드코더]

React JS로 영화 웹 서비스 만들기

 

See the Pen [React] State Practice by Jungyun park (@mellomello-made) on CodePen.

https://codepen.io/mellomello-made/pen/yLKLdLM

[React] State Practice

 

1) input 옆에 쓰는 label의 for 속성을 react에서 htmlFor로 표시한다.

2) input 값은 controlled component로 만들자.

• controlled component : Input 태그 나오면 value, onChange 속성을 붙여서 상태를 관리하자.

3) Input의 disabled 속성은 input을 비활성화 시킨다.

4) class는 className으로 바꿔쓴다

5) setState() 에 함수를 할당하는 것은 잘 활용하면 이전 state를 손쉽게 바꿀 수 있다.