• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

React + Formik - Przekierowanie na zewnątrz jako metoda post

Object Storage Arubacloud
0 głosów
357 wizyt
pytanie zadane 14 grudnia 2021 w JavaScript przez Bakkit Dyskutant (7,600 p.)

Cześć.

Chciałem zapytać w jaki sposób przekierować użytkownika z danymi z formularza na zewnętrzną stronę?

Mimo, że mój komponent Form wygląda tak:

<Form
  action="https://external.link"
  method="POST"
> {.....} </Form>

to po submicie nie przekierowuje mnie na docelową stronę.

komentarz 14 grudnia 2021 przez ScriptyChris Mędrzec (190,190 p.)

Sprawdź czy wyjściowo w DOM element <form> zawiera atrybut action, bo możliwe, że Formik go wycina. Ja bym bardziej szedł w stronę podpięcia się na onSubmit i wewnątrz niego wysłał Ajax i potem ewentualnie przekierował.

komentarz 14 grudnia 2021 przez Bakkit Dyskutant (7,600 p.)
Zawiera, tak samo jak na pewno wykonuje się funkcja onSubmit, bo sprawdzałem console.log'iem.

Tylko właśnie problem w tym, że muszę te dane wysłać razem z użytkownikiem na zewnętrzną stronę.
komentarz 14 grudnia 2021 przez ScriptyChris Mędrzec (190,190 p.)

Skoro wykonuje się onSubmit, to możliwe, że Twój kod, albo ten "pod spodem" woła event.preventDefault(), co zapobiega wysłaniu formularza.

muszę te dane wysłać razem z użytkownikiem na zewnętrzną stronę.

Masz na myśli, że musisz przekierować użytkownika? Spróbuj albo usunąć wspomniany event.preventDefault(), albo wyślij POST Ajaxem (np. przez Fetch) z włączoną opcją podążania za przekierowaniem (parametr redirect: 'follow').

komentarz 14 grudnia 2021 przez Bakkit Dyskutant (7,600 p.)
A masz pomysł albo wiedzę jak zrobić to w axiosie? Bo właśnie axiosa używam, szukam po docsach, ale chyba nie ma takiej opcji.
komentarz 14 grudnia 2021 przez ScriptyChris Mędrzec (190,190 p.)
Nie, nie korzystałem z axiosa.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

Podobne pytania

0 głosów
0 odpowiedzi 159 wizyt
pytanie zadane 4 maja 2021 w JavaScript przez Bakkit Dyskutant (7,600 p.)
+1 głos
0 odpowiedzi 251 wizyt
pytanie zadane 11 listopada 2021 w JavaScript przez Bakkit Dyskutant (7,600 p.)

92,656 zapytań

141,546 odpowiedzi

319,987 komentarzy

62,026 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...