Tag: styled-components
Stil-Komponenten ist eine JavaScript-Bibliothek für styling Reagieren Anwendungen. Es entfernt die Zuordnung zwischen den Stilen und Komponenten, und Sie können schreiben, die tatsächlichen CSS erweitert mit JavaScript.
3
Antworten
Will ich mit Stil-Komponenten in meine app und ich Frage mich, wie Sie zu organisieren. Im Grunde Stil-Komponenten zugeordnet sind, um bestimmte Komponente auf Wiederverwendbarkeit. Aber was ist Stil-Komponenten, die ich verwenden möchten, die viele Male in
2
Antworten
Ich habe eine einfache Komponente Hier sind 2 version des es - mit und ohne Stil-Komponenten: Ohne Stil-Komponenten <div id="container"> <div id="kid"></div> </div> #container { width: 100px; height: 100px; } #kid { width: 20px; height: 20px; }
1
Antworten
Ich versuche, ändern Sie die nth-child(2) Hintergrundfarbe der ColorBox element, indem Sie auf es als Kind ImgGrid aber ich kann einfach nicht scheinen, um es zu arbeiten, ich habe versucht mehrere Variationen mit den verschiedenen Elementen, und
1
Antworten
Ich versuche zu bauen, Reagieren Komponente zu behandeln, verblassen in und fade out. In den folgenden code, wenn ich den pass out als requisite, um die Komponente, es ist disaplayed wie versteckt vor der Animation aus. Ich
2
Antworten
Habe ich den css-hover-Eigenschaft zum deaktivieren der button-hover-Effekt, aber es scheint nicht funktioniert für meinen Fall, wie soll ich das beheben? import Button from 'material-ui/Button' import styled from 'styled-components' const StyledButton = styled(Button)` &:hover { background: none;
3
Antworten
Was ist die richtige Art sich zu bewerben :before und :after pseudo-Klassen gestalteten Komponenten? Ich weiß, dass Sie verwenden können, &:hover {} gelten die :hover pseudo-Klasse zu einer Stil-Komponente. Macht diese Arbeit für Alle pseudo-Elemente, wie vor
2
Antworten
Wie kann ich mit der bedingten Darstellung im Stil-Komponenten zu mein button-Klasse aktiv mit Stil-Komponenten Reagieren? In css würde ich es tun ähnlich wie diese: <button className={this.state.active && 'active'} onClick={ () => this.setState({active: !this.state.active}) }>Click me</button> In
2
Antworten
Ich versuche zu bauen, meine erste portfolio-website und stecken geblieben-routing mit reagieren-router-dom 4.2.2 und Stil-Komponenten 2.2.3. Fehlermeldung: sollten Sie nicht verwenden, Route oder withRouter() außerhalb eines Routers Ich versuche auch mit Link statt NavLink bekam aber Fehler
1
Antworten
Was ist der beste Weg zu handhaben schwebt in Stil-Komponenten. Ich habe eine umlaufende element, wenn schwebte offenbaren wird, die a-Taste. Konnte ich mit der Umsetzung einiger Staates auf die Komponente, und setzen einer Eigenschaft zu schweben,