React 입력창(onChange를 사용해서 Input창 만들기)

 이번에는 onchange함수를 사용하여 input창을 만들어 보겠습니다.

 

먼저 function으로 만들어 보겠습니다.

 

function onchange함수

실행화면

코드를 직접입력 해보시면 아시겠지만 저기 input창에 입력하시면 바로바로 밑에 글자가 바뀌는 것을 아실수 있습니다.

 

다음으로 class로 한번 만들어 보도록 하겠습니다.

 

class onChange

실행화면

 너무 기초라서 재미가 없으시죠? 라이프사이클에 대해서 설명하겠습니다.