[klamkaodokna]

Probuje napisac odtwarzacz rozdań pokerowych w #react i react router. Mam takie komponenty:
-główny App
--Home (jakas glowna strona startowa co by w App zostawic tylko routing)
--UploadHand (upload rozdania)
--ReplayHand (odtwarzanie rozdania)

Upload rozdania dziala na zasadzie wklejenia i wyslania tekstowego stringa z historia rozdania, ktory komponent replayera potem parsuje i odtwarza graficznie rozdanie. Wszystko bylo spoko dopoki formularz do wklejania historii mialem w komponencie App, ale chyba tak sie nie robi a poza tym docelowo raczej nie bedzie to startowa strona mojego projektu, wiec podzielilem to tak jak widac. Problem w tym, ze ReplayHand wtedy bylo dzieckiem komponentu z formularzem (App) a teraz jest jego "rodzenstwem" i nie wiem jak prawidlowo przekazac propsy (string z formularza). Help plz i nie bijcie jesli robie jakas glupote bo jestem kompletnym amatorem

#programowanie #naukaprogramowania #javascript

[klamkaodokna]

btw nie chce tez, zeby replayer byl dzieckiem uploada bo chce pozniej zerkac na poprzednio uploadniete rozdania bez uploadowania nowych

[nieocenzurowany88]

@klamkaodokna WHERE GITHUB?

[klamkaodokna]

@nieocenzurowany88: nie da sie pomoc bez? ( ͡° ʖ̯ ͡°) to poki co na tyle maly projekt, ze nie robie kontroli wersji

[Rst00]

@klamkaodokna: zrób sobie jakiegoś wrappera w którym wywolasz UploadRelay, przekaz mu propsem jakąś metodę zapisująca dane w useState z wrappera i wtedy prosty conditional rendering z replayHand i przekazaniem rozdania jako props

[D.....k]

@klamkaodokna: a daj takiego stringa z replayem, jestem ciekawy jak to wygląda

[klamkaodokna]

@Dreszczyk:

[D.....k]

@klamkaodokna: Kurcze, ciężko to nazwać zapisem maszynowym, jak to zrobisz to wołaj bo chętnie zobaczę

[klamkaodokna]

@Dreszczyk: parser w większości ukradłem z gotowego projektu na githubie (vikcch/riropo), resztę jednak musiałem robić od zera bo był to zbyt duży projekt abym jako noob mógł ogarnąć jak działa i zmodyfikować pod swoje potrzeby.

[n0c0Mpr3h3nD]

@klamkaodokna: dodaj backend, chocby glupi json-server. Zamiast przenosic stan wewnetrznie to bedzie ci latwiej zapisywac i odczytywac przez web request.

[Rst00]

@klamkaodokna: i jak? udało Ci się zrobić?

[klamkaodokna]

@Rst00: dzieki za zainteresowanie, troche sie sfrustrowalem, ze tak mala zmiana rodzi tyle problemow i tez nie do konca zrozumialem co miales na mysli, ze wrocilem na dzis do punktu wyjscia

rozumiem, ze ma to wygladac tak:
~
~~
~~~

~~

i wtedy gdzie dac jakie propsy, gdzie jakie state etc.?

[Rst00]

@klamkaodokna:

nie, nie. Coś takiego miałem na myśli:

~
~~
~~~
~~~

i w UploadWrapper robisz const [hand, setHand] = React.useState('');

i wtedy w UploadHand jak już od usera przejmiesz plik to robisz setHand(zuploadowanyplik)

i automatycznie dane (hand) trafią do komponentu ReplayHand

[klamkaodokna]

@Rst00: dobrze, ale czy w przyszlosci gdy bede mial zapisane np. na serwerze jakies gotowe rozdania do odtworzenia, ktore uploadowalem juz wczesniej i np. bede chcial miec do nich navlink na stronie startowej albo w jakims side panelu dostepnym z kazdej "podstrony" tej aplikacji, czy też w oddzielnym komponencie np , ktory bedzie rodzenstwem wrappera to bedzie to mozliwe w takim wypadku?

[Rst00]

@klamkaodokna: no ale to przecież nie ma żadnego problemu.

to uniwersalny komponent a skąd Ty weźmiesz dane do propsa hand to już Twoja sprawa. Równie dobrze możesz po zuploadowaniu rozdania zapisywać go na serwerze, później zrobić sobie jakąś listę z rozdaniami które będzie linkować do konkretnego rozdania i w komponencie routingowym robisz sobie fetch'a po id z URLa i dane przekazujesz analogicznie do:

[klamkaodokna]

@Rst00: ¯\_(ツ)_/¯

[Rst00]

@klamkaodokna: jak jeszcze masz problem to napisz na PW, ogarniemy ;)

[Rst00]

@cross7676: co chciałeś? ( ͡° ͜ʖ ͡°)

[cross7676]

@Rst00 a już autor wpisu ma Bana i prosił o odpisanie w jego imieniu, ale poszedł płakać do piwnicy więc nie ma sensu