• 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

HackNation - ogólnopolski hackathon
0 głosów
704 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 302 wizyt
pytanie zadane 4 maja 2021 w JavaScript przez Bakkit Dyskutant (7,600 p.)
+1 głos
0 odpowiedzi 487 wizyt
pytanie zadane 11 listopada 2021 w JavaScript przez Bakkit Dyskutant (7,600 p.)

93,608 zapytań

142,531 odpowiedzi

323,004 komentarzy

63,102 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

Kursy INF.02 i INF.03
...