React styled Component hover

리액트 스타일 컴포넌트에 hover 주기

 

// &:hover를 넣는다.

const ButtonStyle = styled.button`
    &:hover{  
    background-color : skyblue;
    color : blue
  }
`;

 

이 버튼이

이렇게 된다.

동일한 방식으로 :link , visited, active 등을 사용할 수 있다.