[react]react-router-dom의 Link를 styled-components로 꾸미기

 

 

일반적인 React의 컴포넌트(react-router-dom의 Link 같은)는 어떻게 styled-components로 스타일링할까?

▶ react-router-dom의 Link를 styled-components로 꾸미기

import styled from "styled-components";
import { Link } from "react-router-dom";

const StyledLink = styled(Link)`
	box-sizing: border-box;
	display: block;
	padding: 4px 8px;
	margin: 0 auto;
	text-align: center;
`;

export default function Header() {
	return (
    		<>
				<StyledLink to="/">Home</StyledLink>
				<StyledLink to="/login">LogIn</StyledLink>
		</>
	);
}

 

참조)

https://yumyumlog.tistory.com/247