gajus / gajus/babel-plugin-react-css-modules

Plugin doesn't resolve classnames in function

Offen
#226 2 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

question
Vorherrschende Sprache
JavaScript
Sterne
2k
Forks
159
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

Plugin doesn't resolve the styles in the following scenario.
```
import styles from './TYTextButton.css'
import classnames from 'classnames'

const renderText = (text, textClassName) => {text}

```

I tried work arounds and came out with this approach https://github.com/shrihari-balasubramani/babel-plugin-react-css-modules/commit/a6e5849fee18c0376eb704ea012d7a0892ce0bfb

Please let me know if any better approach exists for this. Else I can raise a PR here .

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Reproduziere das Problem mit der gezeigten React-Komponente unter Verwendung von CSS modules und classnames und untersuche anschließend den Transformationseinstiegspunkt des Plugins für Funktionskörper und vergleiche ihn mit dem verlinkten Workaround-Commit. Als erledigt gilt, wenn der styles-Ausdruck innerhalb der Funktion korrekt aufgelöst wird und dabei der dynamische Klassenname erhalten bleibt und ein Regressionstest dieses Beispiel abdeckt.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
babel, javascript, react
Bereich
frontend, tooling
Issue-Typ
Bug
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.