문제 input을 이용해 값을 가져와 수정하고 싶으면 수정하고, 수정이 필요없을 때는 그냥 두는 코드를 짜고 싶었는데 input value를 이용했을 때 수정이 안되는 오류가 있었다. 해결 react에서의 input value는 읽기 전용이라 수정이 안된다고 한다. value 말고 defaultValue를 이용하면 위에서 내가 생각한대로 코드를 짤 수 있다. 출처 : https://7357.tistory.com/50
Value
이벤트 리스너를 공부하는 중에 예전에 분명 input 값을 가져와서 사용하는 방법이 있었던 거 같은데 하면서 뒤적거리다가 드디어 찾아냈다. 다시 안까먹게 적어둬야지. 이벤트도 정리해둬야 하고... 왜 이렇게 할 일이 밀려있지 사용자가 입력을 완료한 input 값을 출력하기 결론부터 말하면 input.value를 사용하면 된다. 아래 예제를 통해 이해하자. 텍스트를 입력하면 제목 태그를 변경하고 input의 텍스트를 비우는 예제이다. + 텍스트를 입력하지 않았다면 아무 일이 일어나지 않도록 할 것 안녕하세요 클릭! 입력 칸에 응애를 치면 안녕하세요가 응애로 바뀌고 입력창은 빈 칸으로 바뀐다.
