Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Cara melaksanakan carian mengikut keadaan dalam tindak balas

Cara melaksanakan carian mengikut keadaan dalam tindak balas

藏色散人
藏色散人asal
2022-12-28 16:08:302234semak imbas

Cara melaksanakan carian bersyarat dalam React: 1. Tentukan objek dalam keadaan 2. Tetapkan acara klik kotak lungsur padaTukar untuk menerima ID yang sepadan dan simpan setiap kotak lungsur yang dipilih 3. Objek boleh dilampirkan pada parameter permintaan antara muka.

Cara melaksanakan carian mengikut keadaan dalam tindak balas

Persekitaran pengendalian tutorial ini: Sistem Windows 10, bertindak balas versi 18.0.0, komputer Dell G3.

Bagaimana untuk melaksanakan carian mengikut keadaan dalam tindak balas?

react design pro melaksanakan data pertanyaan berbilang syarat

1 Penerangan:

Untuk sistem pengurusan bahagian belakang, semasa menulis perniagaan antara muka, Data pertanyaan bersama dengan berbilang syarat adalah keperluan perniagaan yang paling asas Secara amnya, pertanyaan berbilang syarat lulus dalam ID atau nilai lain bagi medan yang sepadan.

Kedua, kesan antara muka realisasi:

Ketiga, realisasi idea:

Mula-mula tentukan objek, untuk menerima setiap pilihan kotak drop-down untuk sepadan dengan drop box yang sepadan untuk melakukan yang sepadan dengan drop box yang lebih rendah untuk melakukan yang sepadan dengan drop box untuk melaksanakan yang sepadan untuk melaksanakan drop box yang sepadan untuk yang sepadan untuk melakukan drop box yang sepadan untuk yang sepadan untuk melaksanakan kotak jatuh yang sepadan untuk yang sepadan untuk melaksanakan yang sepadan untuk melaksanakan yang sepadan untuk melaksanakan yang sepadan Simpan ID, dan kemudian tambahkan objek pada parameter permintaan antara muka.

Contohnya: Format data yang diperlukan oleh antara muka pertanyaan saya di sini

{ merchantId: "", page: 1, limit: 15, departDate: "", lineId: "", driverId: "", carId: "" }
4 Pelaksanaan kod:

1. Tentukan objek dalam keadaan:

2. Tetapkan acara klik kotak lungsur turun padaTukar

3. Berikan nilai (hanya kod pembekal kotak lungsur ditunjukkan di sini, Kotak lungsur yang lain adalah sama):

Cara melaksanakan carian mengikut keadaan dalam tindak balasAkhir sekali, dapatkan hasil yang sepadan dan lakukan pertanyaan yang sepadan serta berbilang syarat pertanyaan dilaksanakan.

5. Ringkasan

Di sini saya menggunakan setState untuk menetapkan nilai secara dinamik kepada elemen objek Ini adalah kaedah yang saya boleh fikirkan pada masa ini cara yang lebih baik. Jika saya berharap seseorang boleh mengajar saya.

Pembelajaran yang disyorkan: "

tutorial video bertindak balas

"

Atas ialah kandungan terperinci Cara melaksanakan carian mengikut keadaan dalam tindak balas. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn