Buat permintaan Postingan di React

Dalam tutorial ini, saya menggunakan komponen berbasis kelas reaksi dan saya berasumsi bahwa Anda mengetahui dasar-dasar reaksi

Saya membuat formulir untuk menunjukkan kepada Anda dan sekarang kodenya terlihat seperti ini

Sekarang mulai bagian logisnya

1) Buat kepatutan status untuk bidang input ini dan tautkan kembali ke elemen input

Buat kepatutan negara seperti ini

konstruktor(alat peraga) {

super (alat peraga)

ini .status = {

// Tulis kamu menyatakan kelinci

};};

Sekarang ubah strukturnya dan tetapkan nilainya ke metode render seperti ini

2) Tambahkan pengendali perubahan aktif untuk melacak perubahan nilai input

Ketika nilai input berubah maka fungsi changeHandler akan dipanggil

Tetapkan nilai status

Terapkan fungsi seperti ini

3) Sekarang kirimkan data formulir ini menggunakan penangan kirim

Untuk ini, saya membuat tombol kirim di formulir

Tangani formulir kirim data oleh submitHnadler seperti ini

Sekarang implementasikan submitHnadler dan di submitHandler Anda harus menulis baris ini " e.preventDefault() " untuk menghindari penyegaran halaman

Selesai sekarang Anda dapat melakukan apa saja dengan data seperti Anda dapat mengirim data ke database atau menyimpan ini di penyimpanan lokal atau apa pun

4) Kirim data ke database ke axios

Pertama import axios dengan “ import axios from 'axios' ”

Sekarang di submitHandler, kami membuat permintaan posting seperti ini

Terima kasih telah membaca ini, saya harap ini akan membantu Anda dalam perjalanan Bereaksi Anda

Suggested posts

Menghindari Akibat Menghancurkan Stroke: Belajar dari Perjalanan Keluarga .

Menghindari Akibat Menghancurkan Stroke: Belajar dari Perjalanan Keluarga .

Pendahuluan Stroke adalah keadaan darurat medis yang dapat menyerang siapa saja kapan saja. Itu terjadi ketika aliran darah ke bagian otak terganggu, yang menyebabkan hilangnya fungsi otak secara tiba-tiba.

Jest — Kerangka Pengujian JavaScript yang Kuat

Jest — Kerangka Pengujian JavaScript yang Kuat

Pengujian adalah bagian penting dari pengembangan perangkat lunak. Ini memastikan bahwa kode dapat diandalkan, berfungsi seperti yang diharapkan, dan mengurangi kemungkinan kesalahan.

Related posts

Memikirkan Kembali Media: Lima Kebenaran McChesney dan Masa Depan Komunikasi

Di dunia yang sangat terhubung saat ini, sistem media memainkan peran penting dalam membentuk opini publik, dan akibatnya, dalam pengambilan keputusan yang demokratis. Dalam analisisnya yang mendalam tentang ekonomi politik komunikasi, cendekiawan Robert McChesney menantang kebijaksanaan konvensional dan menyajikan apa yang disebutnya sebagai “lima kebenaran” tentang media.

Mencari Informasi Tentang Nama Domain

Kutipan dari Alat Perangkat Lunak Kecil dan Tajam oleh Brian P. Hogan

Mencari Informasi Tentang Nama Domain

Saat Anda membuat permintaan ke facebook.com, komputer Anda mencari nama domain untuk menerjemahkan nama domain tersebut menjadi alamat IP sehingga komputer Anda dapat membuat koneksi tersebut.

Cara Menyelamatkan Planet dan Menghasilkan Uang

Cara Menyelamatkan Planet dan Menghasilkan Uang

Berapa kali Anda membuang botol plastik, toples kaca, kaleng aluminium, atau paket energi hijau tanpa berpikir dua kali? Berapa kali Anda berharap bisa mendapatkan sesuatu sebagai imbalan untuk mendaur ulangnya? Jika Anda seperti kebanyakan orang, jawabannya mungkin berkali-kali. Daur ulang sering dianggap merepotkan, tugas, atau tugas yang tidak membawa manfaat langsung atau nyata.

Kebohongan Koboi

Bagaimana perusahaan besar menjual kebohongan besar kepada orang Amerika

Kebohongan Koboi

Ini adalah pagi keemasan yang cemerlang di perbukitan barat, saat sinar pertama matahari menyinari rerumputan beku di dataran. Kawanan sapi Angus yang tenang, hitam legam dan besar, membentuk siluet melawan matahari terbit saat mereka menyusuri jalan setapak menuju lokasi yang mereka semua kenal dengan baik; bar sarapan.