[xmadesio]

#programowanie #javascript #react

Co ja robię źle, że to nie działa? psycha sitting

SmallBtn to Reusable Component
Team to sekcja

[Bleck]

@xmadesio może coś w tym kierunku?
https://stackoverflow.com/questions/39926493/classname-styles-not-working-in-react

[Chanandler]

@xmadesio: Nie używasz poprawnie CSS Modules. Może nie do końca rozumiesz jak to działa więc wytłumaczę. A więc masz dwa pliki ze stylami Team.module.scss i SmallButton.module.scss. Każdy z tych plików eksportuje obiekt z nazwami klas, których wartości są zawsze unikalne i wyglądaj zazwyczaj tak -> nazwakomponentuhash (mogą być inne, zależy od używanego narzędzia, bundlera etc., ale zazwyczaj na końcu jest hash, randomowe znaki). Dzięki temu dwie takie same

[xmadesio]

@Chanandler: dodałem tę klasę, doczytałem, że jeszcze jakiś props muszę przekazać ale za nic mi nie wychodzi.

[Chanandler]

@xmadesio: wrzucisz gdzieś aktualny kod? może być screenshot

[xmadesio]

tylko to zmieniałem w Team.jsx reszta jak na screen
A jak nie dodam "props.children" to cały przycisk znika więc gdzieś musi byc błąd

[Chanandler]

@xmadesio: ale dlaczego opakowujesz ten przycisk w dodatkowy div? tak ma być? przecież zmieniasz kolor ego diva wewnątrz Colors a nie SmallButton. A przycisk znika bo renderujesz go wewnątrz .... Jeśli chcesz zmienić tylko style przycisku to jak mówiłem użyj klasy, lub przekaż style bezpośrednio do tego komponentu

tylko musisz połączyć klase z props'ów wewnątrz SmallButton lub style z divem który sie tam znajduje. Jasne? ( ͡° ͜ʖ

[xmadesio]

@Chanandler:
Widzę, że tu mogę udostępnić: https://codesandbox.io/s/loving-ishizaka-pzvgs7

ale dlaczego opakowujesz ten przycisk w dodatkowy div? tak ma być?

[Chanandler]

@xmadesio: https://codesandbox.io/s/flamboyant-neumann-5rb4g5?file=/src/components/SmallButton/SmallButton.jsx podstawy JSX, przerabiałeś poradnik jakiś? :)

[xmadesio]

przerabiałeś poradnik jakiś? :)

@Chanandler: Jakieś tam podstawy useState,useEffect i chciałem się na projekcie uczyć ale widzę, że muszę więcej czasu na to poświęcić

[D.....k]

@xmadesio: zawsze możesz zrobić gdziekolwiek dosłownie console.log('styles', styles) i zobaczyć co tam jest

nie ma co myśleć za długo, console.log driven development i jedziesz ( ͡° ͜ʖ ͡°)