인프런 커뮤니티 질문&답변

styled로 생성한 컴포넌트의 경우 작성한 props 중 type, onClick, id 같은 어트리뷰트는 자동적으로 엘리먼트의 어트리뷰트로 적용이 되나요? 즉, 일반적이지 않은 이름의 어트리뷰트의 경우 어트리뷰트로 적용되지 않고 type, onClick, id 같은 어트리뷰트 이름을 갖는 것들은 엘리먼트의 어트리뷰트로 적용되는 것이 맞나요??

 

const Button = styled.button` //스타일 정보 `;

<Button onClick={submitHandler} type="submit" isValid={true}/>

 

위 코드에서 onClick, type, isValid 모두 props로 전달되지만, onClick과 type은 button 엘리먼트의 어트리뷰트로 적용되고, isValid는 어트리뷰트로 적용되지 않는 것이 맞나요??