스타일이 지정된 구성 요소에서 호버를 처리하는 가장 좋은 방법은 무엇입니까? 나는 감추어 질 때 단추를 드러 낼 래핑 요소를 가지고 있습니다. 구성 요소에 상태를 구현하고 호버에 대한 속성을 토글 할 수 있지만 스타일이 지정된 표식으로이 작업을 수행하는 더 좋은 방법이 있는지 궁금해하고 있습니다. 스타일-구성 요소로 const Wrapper = styled
저는 React 용 스타일링 솔루션으로 styled-components을 사용하고 있습니다. 템플릿 리터럴을 사용하여 CSS를 보간하는 좋은 방법이 있습니다. const PasswordsMatchMessage = styled.div`
background: ${props => props.isMatching ? 'green' : 'red'};
`
React.js 구성 요소의 스타일을 지정할 때 스타일이 지정된 구성 요소와 함께 postcss를 사용하는 방법이 있습니까? 나는 px-to-rem과 rucksack CSS와 같은 postcss 플러그인을 사용하고 있습니다. 놀라운 글꼴이고 그 글꼴을주는 것을 싫어합니다. 이 둘을 결합하는 방법이 있습니까?
형제 선택기와 관련된 규칙을 styled-components과 함께 번역하는 방법은 무엇입니까? 는 (나는 또한 생성 된 클래스 이름을 통해 스타일의 다른 맛에 관한 생각) const Pane = styled.div`
& > .subItem + .subItem {
margin-top:10px;
}
`
새로운 구성 요소를 사용하여 React 구성 요소, Styled-Components를 만듭니다. onClick을 통해 내 구성 요소에 애니메이션 Tremble을 적용하고 싶습니다. export class FormLoginTest extends React.Component { // eslint-disable-line react/prefer-stateless-