[hyperjay]

Stosując css modules, jak mogę przekazać className do komponentu np
tzn w button.module.css mam modyfikatory na rozne kolory button--purple np. i teraz w komponencie chce sobie zrobic
cooorva jak, jestem poczatkujacy, szukam i nie rozumiem.
Jedna opcja to import pliku button.module.css i po prostu przekazanie z tej klasy, ale nie wiem, nie da się prościej, tzn zeby import classes bylo tylko w pliku Button.jsx?
Mogę tez np z pomocą js'a napisać linijkę która zmieni z przekazanego stringa zrobi classes.button--string, ale wydaje mi sie to durne.
#react #frontend #css

[Rst00]

@hyperjay:

albo przekazujesz do Button już gotowy styl np.:

import * as style from './file.scss';

i w środku dajesz
i w komponencie Buttona robisz sobie prostego gettera

const getStyle = {
[purple]: style['button--purple']
}[props.type]

[hyperjay]

@Rst00: https://paste.ofcode.org/DypNTpt7YvYa96PeQqpBgj
pasuje?

[Rst00]

@hyperjay: wydaje się ok tylko fragment

${classes[color]}

Powinien wyglądać

${classes[button--${color}]}

O ile chcesz mieć button--purple finalnie