타입스크립트 인터페이스 관련 질문입니다.

Question

현재 체크박스가 여러군데 사용되어야하는 상황이라 체크박스 컴포넌트를 만들어 props로 id, type, text를 내려주고 있습니다.interface CheckboxProps { id: string; type?: string; text: string; } export default function Checkbox({ id, type = 'checkbox', text, }: CheckboxProps) { return (

{text}

); } 추가적으로 컴포넌트를 사용할 때 아래처럼 기본 input의 onChange함수와 checked 속성을 사용하고 싶은데인터페이스에 어떤것을 넣어주어야할지 잘 모르겠습니다 ㅠㅠ 도와주세요!

songline · Answer

입력하고 커서를 올려보니 onChange는 React.ChangeEventHandler<HTMLInputElement> 으로 나오네요. (input에 넣어봤습니다.) checked 속성은 그냥 checked?: boolean 으로 충분할 것 같습니다.

타입스크립트 인터페이스 관련 질문입니다.

1개의 답변

Q&A 목록