Tag: css-modules

CSS-Module ist ein pre-Prozessor, der es ermöglicht die emulation von lokalen Gültigkeitsbereich und Kontrolle von Abhängigkeiten in CSS-code.

Problemumgehung zum hinzufügen className Fragment in Reagieren

Anzahl der Antworten 3 Antworten
Ich bin versuchen, um eine stateless Komponente Reagieren mit dem alleinigen Zweck, als eine wiederverwendbare Verpackung. Ich bin auch mit CSS-Modulen, weil ich vollständig modular aufgebaute CSS. Das Ding ist, ich will nicht, unnötige Elemente (und sogar

CSS-Module, Reagieren und Überschreiben von CSS-Klassen

Anzahl der Antworten 3 Antworten
Ich bin mit einem Reagieren component library - (, Reagieren Toolbox), die Ausgabe dieser Klasse in Ihren Tab-Komponente mit CSS-Modulen und Webpack: label___1nGy active___1Jur tab___Le7N Die tab ist eine className prop ich bin vorbei nach unten. Die

Kann nicht importieren CSS/SCSS-Module. Typoskript sagt "Cannot Find-Modul"

Anzahl der Antworten 2 Antworten
Ich versuche zu importieren, ein Thema aus einer CSS-Modul, aber Typoskript gibt mir ein "Nicht Finden können, das Modul" Fehlermeldung und das Thema nicht angewandt wird auf die Laufzeit. Ich glaube, es gibt etwas falsch mit meinem

Gewusst wie: importieren von CSS-Module mit Typoskript, Reagieren und Webpack

Anzahl der Antworten 4 Antworten
Gewusst wie: importieren von CSS-Module in Typoskript mit Webpack? Generieren (oder auto-generate) .d.ts Dateien für CSS? Und die klassische Typoskript import Aussage? Mit ./styles.css.d.ts: import * as styles from './styles.css' Importieren mit require Webpack-Funktion? let styles =

Wie kann ich verwenden refs zu ändern, styling Klasse in ReactJS?

Anzahl der Antworten 1 Antworten
Ich versuche zu ändern hintergrund einer div Farbe, wenn Wert geändert wird. Hier ist meine Funktion die erhält Farbwert: ChangeColor(oColor) { this.props.ChangeColor(oColor); console.log("Refs: ", this.refs.colorPicker.className); }, Hier ist die css-Klasse .colorPicker { padding-right: 25px; background: #000; display:

Wie verwenden von css-Module erstellen-reagieren-app?

Anzahl der Antworten 3 Antworten
Laut einer tweet von Dan Abramov, CSS-Module unterstützen, gibt es im erzeugen-reagieren-app (CRA). Man muss einfach zu geben, Erweiterung des module.css seine stylesheets, um die Funktion aktivieren, aber das funktioniert nicht mit mir. Ich bin mit der

Mehrere Klassennamen mit CSS-Modulen und Reagieren

Anzahl der Antworten 4 Antworten
Ich bin mit dem folgenden code, um dynamisch eingestellt ein Klassenname in einem React-Komponente, basierend auf einer booleschen Requisiten: <div className={this.props.menuOpen ? 'inactive' : 'active'}> ... </div> Allerdings bin ich auch mit CSS-Modulen, so, jetzt brauche ich

CSS-Module: Wie kann ich das deaktivieren lokalen Bereich für eine Datei?

Anzahl der Antworten 3 Antworten
Ich bin mit CSS-Modulen (durch Webpack css-loader) in eine neue React Projekt, und obwohl es großartig, ich habe Probleme dabei, die SCSS für Reagieren Wählen zu arbeiten. Ich denke, das ist, weil es versucht zu erstellen local

Sass mit CSS Modulen & amp; Webpaket

Anzahl der Antworten 1 Antworten
Ich habe ein Projekt erstellen, für eine Weile mit Webpack, Sass und CSS-Module. Normalerweise in meinem .scss Dateien, definiere ich eine Klasse wie: :local(.button) { color: white; } und in meine Reagieren Komponenten, in der render Methode,

Wie kann man globale Styles mit CSS-Modulen in einer reaktiven App anwenden?

Anzahl der Antworten 3 Antworten
Ich bin derzeit mit CSS-Modulen mit Reagieren für mein styling. So ist jedes meiner Komponenten ist der Import im Komponenten-spezifischen css-Datei, etwa so: import React from 'react'; import styles from './App.css'; const example = () => (