-
Styled-Components 의 as 와 attrs 를 알아보자!React/Styled-Components 2023. 2. 20. 20:27
📌 스타일 속성은 같은데 태그만 바꾸고 싶을 땐 어떻게 할까?
as 를 통해 기존 button 태그였던 것을 a 태그로 바꿀 수 있다!
return <Button as={"a"} href={"https://www.naver.com/"}> button </Button>
📌 태그에 속성을 부여하고 싶다면 attrs를 사용해보자!
스타일 컴포넌트로 생성한 Input 은 required 와 maxLength 를 속성으로 가질 수 있다!
const Input = styled.input.attrs({ required: true, maxLength: 10 })``;
'React > Styled-Components' 카테고리의 다른 글
Styled-Components 의 애니메이션 과 Pseudo Selector 를 배워보자! (0) 2023.02.20 Styled-Components 리액트 스타일 컴포넌트 props 와 extending (0) 2023.02.20 Styled-Components / React 리액트 스타일 컴포넌트 공부하기 (0) 2023.02.20