Bu derste, tepki sınıfı tabanlı bileşen kullanıyorum ve tepki vermenin temellerini bildiğinizi varsayıyorum.

Size göstermek için bir form oluşturdum ve şimdi kod şuna benziyor

Şimdi mantıklı kısmına başlayın

1) Bu giriş alanları için durum mülkiyeti oluşturun ve bunları giriş öğelerine geri bağlayın

Devlet mülkiyetini bu şekilde oluşturun

yapıcı(sahne) {

süper (sahne)

bu .durum = {

// Eyalet tavşanı yaz

};};

Şimdi onları yok edin ve değerlerini bu şekilde render yöntemine atayın.

2) Giriş değerindeki değişikliği izlemek için değişiklik işleyicisini ekleyin

Giriş değeri değiştiğinde changeHandler işlevi çağrılır

Durum değerini ayarla

İşlevi bu şekilde uygulayın

3) Şimdi bu form verilerini bir gönderme işleyicisi kullanarak gönderin

Bunun için formda bir gönder düğmesi oluşturuyorum

Form gönderme verilerini bunun gibi bir sendHnadler ile işleyin

Şimdi sendHnadler'ı uygulayın ve sayfanın yenilenmesini önlemek için sendHandler'a bu satırı “ e.preventDefault() ” yazmanız gerekir.

Şimdi bitti, verileri bir veritabanına göndermek veya bunu yerel depolamaya veya herhangi bir şeye kaydedebileceğiniz gibi verilerle her şeyi yapabilirsiniz.

4) Verileri bir veritabanına axios'a gönderin

“Bundan Birinci ithalat AXIOS 'AXIOS' dan ithal AXIOS ”

Şimdi sendHandler'da gönderi isteğini şu şekilde yapıyoruz

Bunu okuduğunuz için teşekkürler, umarım bu React yolculuğunuzda size yardımcı olur 🎉