2022/03/23 TS 리액트에서 event 타입 지정

function Test () {

  const [value, setValue] = useState('');
  const handleInputValue = (e :React.ChangeEvent<HTMLInputElement>) => {
    setNumber(e.target.value);
  }

  return (
  //...
  <input type="text" placeholder="값을 입력해주세요" onChange={handleInputValue}/>
  //...
  )
}

해결책 : 이벤트(e)의 타입을 제대로 지정해준다. VS Code 참조해서 쓰면 알기 쉽다.

참고자료 : https://stackoverflow.com/questions/64649055/type-changeeventhtmlinputelement-is-not-assignable-to-type-changeeventhtml#

Type 'ChangeEvent<HTMLInputElement>' is not assignable to type 'ChangeEvent<HTMLSelectElement>' in React js?