styled component에 link 걸때 text-decoration: none 넣기

이 방법은 참고로 자신의 태그가 link일때만 해당이며 link태그안에 있는 div 태그면 안먹는다.

 

1. import { Link } from "react-router-dom"

2. export const 이름 = styled(Link)`  

  text-decoration: none; 

`; 

 

하면된다. 여기에서도 link할때는 .link가 아니라 (Link)여야지 먹는다.

styeld component 라이브러리는 유용한듯 하면서도 유용하지 않는듯한 기분이 든다.. 처음이라서 그런가...