Uczę się reacta + reduxa pomagając przy tym pewnemu polskiemu stowarzyszeniu. Dostałem zadanie, utworzyć stronę na której użytkownik będzie mógł dodać nowy tag. Udało mi się utworzyć z formularza żądanie do API które taki Tag dodaje jednak totalnie nie mam pojęcia jak obsłużyć odpowiedź (ew. error). A konkretniej nie wiem w jaki sposób zwrócić odpowiedź z modelu do widoku aby wyświetlić ew. notyfikacje pod polem z błędem.
Tutaj masz obsługiwany callback generatorami do akcji. Tzn jeśli wyślesz req do api i on coś zwróci, to w tej metodzie masz blok try catch mówiący co zrobić z tym responsem. Masz try gdzie wywołujesz call do api - jak zapisze dobrze, to ta funkcja się wykona. Potem masz catch, czyli obsługę błędu. u ciebie 400, czyli bad request odpali kod który jest w tym bloku.
@Przegrywek123: Kojarzysz jakiś tutorial/ sample gdzie jest rozwiązanie podobne do tego które opisałeś ? Bardziej interesowała by mnie pierwsza wersja czyli ta: "Żeby przekazać te dane do innego komponentu (form) musisz albo podać swoją funkcję jako argument do akcji, i wywołać ją w bloku catch. Jej jako argument podaj ten response. Wtedy masz funkcję która ma dostęp do zmiennych lokalnych w kontenerze gdzie trzymasz Form i gdzie dane o błędach powinny
@DaxterPoker: ogólnie zapytaj może w projekcie jak to zrobić. Tu problem polega na tym, że pytasz o dość bazową rzecz, która będzie się różnic w zależności od stacku i implementacji. To co ja opisałem i z czym masz problem to nie problem z reactem tylko z JSem. Ogólnie zaczynanie nauki webówki od frameworka nie jest dobre, będziesz miał masę braków - nie tylko z językiem, ale z htmlem i cssem (bo
Dostałem zadanie, utworzyć stronę na której użytkownik będzie mógł dodać nowy tag.
Udało mi się utworzyć z formularza żądanie do API które taki Tag dodaje jednak totalnie nie mam pojęcia jak obsłużyć odpowiedź (ew. error). A konkretniej nie wiem w jaki sposób zwrócić odpowiedź z modelu do widoku aby wyświetlić ew. notyfikacje pod polem z błędem.
Bardzo proszę o jakieś naprowadzenie, czego powinienem się nauczyć bądź co poprawić aby taką informacje móc przekazać do widoku.
Link do mojego PR :
https://github.com/watchdogpolska/small_eod/pull/658/files
Link do modelu:
https://github.com/watchdogpolska/small_eod/pull/658/files#diff-68f82ce4347ffdc83503e00f7e41df982bf274d6af76f31cec5c71678b6480d6
Link do widoku z formularzem: https://github.com/watchdogpolska/small_eod/blob/41da224a712e49e9afaf706c278b55e0c65a9022/frontend-project/src/pages/tags/new/index.tsx
#webdev #react #redux
Tutaj masz obsługiwany callback generatorami do akcji. Tzn jeśli wyślesz req do api i on coś zwróci, to w tej metodzie masz blok try catch mówiący co zrobić z tym responsem. Masz try gdzie wywołujesz call do api - jak zapisze dobrze, to ta funkcja się wykona. Potem masz catch, czyli obsługę błędu. u ciebie 400, czyli bad request odpali kod który jest w tym bloku.
Żeby przekazać te
"Żeby przekazać te dane do innego komponentu (form) musisz albo podać swoją funkcję jako argument do akcji, i wywołać ją w bloku catch. Jej jako argument podaj ten response. Wtedy masz funkcję która ma dostęp do zmiennych lokalnych w kontenerze gdzie trzymasz Form i gdzie dane o błędach powinny