topic: Manage variable state untuk dynamic custom field
Sebuah aplikasi frontend dengan menggunakan ReactJS, kami menemukan issue formnya selalu kereset/terhapus saat edit di field2 statis.
Untuk demo dan penjelasan produce:
- aplikasi bisa diakses link berikut => https://s.id/1BTvm
- sedangkan video penjelasan disini => https://s.id/1BTAM
Bagian atas adalah static field
3 bagian bawahnya adalah dynamic custom field (pembeli, tanggal beli, dokumen tambahan, dan jenis dokumen)
Produce:
- coba input untuk semua field, baik yg static maupun yg bagian dynamic custom field
- setelah itu, coba ubah di bagian yg static field, maka di bagian dynamic field akan blank lagi
Struktur:
- component form
- component yang manage custom field sesuai tipe
- component custom field
- component untuk upload file
Yang diperlukan adalah manage state untuk dynamic custom field nya, boleh pake state, memo, redux, atau yg lainnya
Supaya, ketika ada trigger perubahan dari input lain, masih tersimpan di variable state
Custom field terdiri dari beberapa tipe:
- text
- textarea
- date
- time
- file
Khusus file, sudah ada preview ketika pilih file
Yang diperlukan adalah state untuk menyimpan NAMA FILE dan juga SOURCE FILE (dalam format base64 encode), sebagaimana kasus untuk input tipe lainnya yang saya sebutkan di awal
Syarat:
- Menggunakan ReactJS
- Boleh menggunakan library lain jika diperlukan
- Sebisa mungkin tidak mengubah struktur component
- Klo mentok dan harus ubah struktur component, tolong kasih tau dulu
Note: maksudnya dynamic field, fieldnya tidak dalam bentuk tabel db, melainkan field yang digenerate dari apps sesuai kebutuhan
Source code akan diberikan saat start project. Silakan dibid, dan diberikan lama pengerjaannya kira2 berapa jam?
Terima kasih