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

728x90
반응형
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);
    };

 

 

끝.

반응형