React에서 <input> 태그를 사용할 때 주의할 점

리액트에서 input을 사용하다 보면 가끔 원하는 대로 동작하지 않을 때가 있는데,

이 때 props나 state 값을 잘 연결했는지 확인해보아야 한다.

 

주의할 점은 다음과 같다.

1. (중요) input에 value 속성을 지정하면 인풋값이 변경되지 않는다. 항상 변경되는 상태값(this.state.inputValue)을 연결해주어야 한다.

2. React의 onChange 이벤트는 값이 입력되어 변경이 생기면 발생한다.

 

---

참고 및 출처

https://velog.io/@towozy/React를-쓰면서-착각할-수-있는-몇가지-요소-3kjukr898l