TypeScript 오류 : InputHTMLAttributes 형식에 target 속성이 없습니다.

function App() {

    const [title, setTitle] = useState<string>('');

    const [content, setContent] = useState('');

    const inputTitle = (e: React.InputHTMLAttributes<HTMLInputElement>) => {

        setTitle(e.target.value);

    };

    return (

                <form>

                    <label>제목</label>

                    <input value={title} onChange={inputTitle}></input>

                   

                </form>

             )

 

1. 오류

input 태그 onChange 이벤트 발생시, 타입 작성 : React.InputHTMLAttributes<HTMLInputElement>

"InputHTMLAttributes 형식에 target 속성이 없습니다."

 

2. 해결

 

(1) input 태그의 타입 : onChange? 뒤에 있는 것 

(2) 타입뒤에 Handler는 제외해야함

=> 결론 : input 태그의 타입은 "빨간색 밑줄에서 handler를 제외한 것"

    const inputTitle = (e: React.ChangeEvent<HTMLInputElement>) => {

        setTitle(e.target.value);

    };

 

 

끝.