Utwórz żądanie posta w React 🧨🧨

W tym samouczku używam komponentu opartego na klasie React i zakładam, że znasz podstawy React

Tworzę formularz do zademonstrowania i teraz kod wygląda tak

Teraz zacznij logiczną część tego

1) Utwórz właściwość stanu dla tych pól wejściowych i połącz je z powrotem z elementami wejściowymi

Stwórz własność państwową w ten sposób

konstruktor(rekwizyty) {

super (rekwizyty)

ten .stan = {

// Napisz, że stan zając

};};

Teraz zdestrukturyzuj je i przypisz ich wartość do metody render w ten sposób

2) Dodaj procedurę obsługi zmiany, aby śledzić zmianę wartości wejściowej

Gdy zmieni się wartość wejściowa, zostanie wywołana funkcja changeHandler

Ustaw wartość stanu

Zaimplementuj tę funkcję w ten sposób

3) Teraz prześlij dane formularza za pomocą modułu obsługi przesyłania

W tym celu tworzę przycisk wyślij w formularzu

Obsługuj formularz przesyłania danych przez submitHnadlera w ten sposób

Teraz zaimplementuj submitHnadler i w submitHandler musisz napisać ten wiersz „ e.preventDefault() ”, aby uniknąć odświeżania strony

Zrobione teraz, możesz zrobić wszystko z danymi, na przykład wysłać dane do bazy danych lub zapisać je w pamięci lokalnej lub cokolwiek

4) Wyślij dane do bazy danych do axios

Najpierw importuj axios przez to „ importuj axios z 'axios' ”

Teraz w module submitHandler wykonujemy żądanie postu w ten sposób

Dziękuję za przeczytanie tego, mam nadzieję, że pomoże ci to w twojej podróży z React 🎉

Suggested posts

Unikanie niszczycielskich konsekwencji udaru mózgu: nauka z rodzinnej podróży.

Unikanie niszczycielskich konsekwencji udaru mózgu: nauka z rodzinnej podróży.

Wstęp Udar to nagły przypadek medyczny, który może dotknąć każdego w dowolnym momencie. Występuje, gdy przepływ krwi do części mózgu zostaje zakłócony, co prowadzi do nagłej utraty funkcji mózgu.

Jest — potężny framework do testowania JavaScript

Jest — potężny framework do testowania JavaScript

Testowanie jest istotną częścią tworzenia oprogramowania. Zapewnia, że ​​kod jest niezawodny, działa zgodnie z oczekiwaniami i zmniejsza prawdopodobieństwo błędów.

Related posts

Pierwsza książka dla dzieci o tym, jak się naćpać

Pierwsza książka dla dzieci o tym, jak się naćpać

(Ostrzeżenie - to jest satyra, która ma być radośnie wywrotowa - zdecydowanie nie dla dzieci) Widziałeś, jak twoja mama i tata chowają się w kuchni i palą śmierdzące papierosy. Mówią ci.

zaimki są bardzo przerażające

Uderzyło mnie to nagle, jak to często bywa. Znowu jest w połowie <Nie, nie ten w Pacyfiku, bordowy, ten na karnawale> Każdy nagłówek jest głośny…..

Rewolucja w miejscu pracy: najlepsi eksperci omawiają pracę hybrydową i zdalną

Rewolucja w miejscu pracy: najlepsi eksperci omawiają pracę hybrydową i zdalną

W dzisiejszym szybko zmieniającym się krajobrazie biznesowym koncepcja pracy hybrydowej i zdalnej nabrała bezprecedensowego rozpędu. Ponieważ firmy wciąż dostosowują się do zmieniających się potrzeb i oczekiwań swoich pracowników, eksperci z różnych dziedzin zebrali się, aby omówić korzyści, wyzwania i przyszłość tego transformacyjnego sposobu pracy.

Tworzenie bezpiecznego środowiska pracy

Tworzenie bezpiecznego środowiska pracy

„Będzie mnie chronił, gdy będę w niebezpieczeństwie. Ukryje mnie w swoim namiocie.