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.

Stil-Komponenten-Organisation

Anzahl der Antworten 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

Stil-Komponenten: legen Sie Stile, die von Kindern auf die Eltern schweben

Anzahl der Antworten 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; }

target child-element-Stil-Komponenten

Anzahl der Antworten 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

Reagieren Stil-Komponenten fade-in/fade-out

Anzahl der Antworten 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

Zum deaktivieren des hover-Effekt material-ui-button in der Stil-Komponente

Anzahl der Antworten 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;

Vor und Nach pseudo-Klassen verwendet, mit Stil-Komponenten

Anzahl der Antworten 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

bedingte Darstellung in styled Komponenten

Anzahl der Antworten 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

Sie sollten nicht Weg oder withRouter() außerhalb eines Routers bei der Verwendung reagieren-router-4-und Stil-Komponente reagieren

Anzahl der Antworten 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

Zielen Sie auf eine andere gestylte Komponente beim Hover

Anzahl der Antworten 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,