Skip to main content
  • Komponen ini dapat menjadi referensi cara membangun komponen formulir melalui Komponen umum.
  • Catatan: Komponen ini hanya untuk tujuan pembelajaran dan bukan Komponen Standar yang disediakan secara resmi.

1. Kasus penggunaan

  • YiDA Component telah merilis fitur Komponen Kustom yang mendukung pembuatan Komponen dengan cara low-code, tetapi belum mendukung komponen formulir — hanya Komponen berorientasi tampilan yang dapat dibangun.
  • Namun, dokumentasi menyebutkan bahwa formulir yang sudah ada dapat digunakan untuk penyimpanan. Dengan memanfaatkan pendekatan ini, Komponen Unggah gambar dengan pemotongan diimplementasikan dengan Buat formulir baru untuk menyimpan data, sehingga menyimulasikan komponen formulir semu.

3. Langkah-langkah

2. Aktifkan fitur Impor schema — sama seperti pendekatan desainer formulir YiDA. Untuk detailnya, lihat:
  • Buka desainer Komponen, Buka konsol, lalu jalankan kode berikut
3. Tempel schema berikut ke dalam konsol schema desainer Komponen, lalu klik Impor schema

4. Prinsip yang terlibat

  1. Pendekatan ini terutama memanfaatkan pengikatan komponen formulir yang sudah ada untuk penyimpanan data, sehingga memungkinkan Kirim data.
  2. Kelemahannya adalah ada sedikit biaya penggunaan — Anda perlu mengontrol sendiri visibilitas Komponen yang diikat.
  3. Pemotongan gambar menggunakan react-cropper open source, https://www.npmjs.com/package/react-cropper. Karena Instal dependensi NPM belum didukung, satu-satunya cara adalah memuatnya secara dinamis melalui CDN.