[Trouble Shootings #7] React - input의 여러 state 처리

리액트에서 form을 만들 때 useState를 여러 개 만들어서 처리하는 경우가 있습니다.

 

하지만 그러면 너무 불필요한 반복되는 코드가 많아져서

 

inputs 라는 object를 useState의 초기값으로 만들고,

 

각각 input 태그에는 name 속성을 지정하여

 

이후 event handler로 [name]: value 값으로 지정시키면 훨씬 간단하게 구현할 수 있습니다.

 

추가적으로 타입스크립트를 이용한다면 input 뿐만 아니라 textarea 까지 고려해서

 

타입을 지정하시면 됩니다.

---