FAQ Komponen Kustom

1. Tidak dapat menemukan fungsi Hapus

Selama masa beta, fungsi penghapusan tidak disediakan dan mungkin tetap belum tersedia bahkan setelah peluncuran resmi. Penghapusan menimbulkan masalah dependensi yang kompleks dan saat ini belum menjadi kebutuhan esensial. Pendekatannya akan serupa dengan https://www.npmjs.com/.

2. Bagaimana memahami komponen bisnis?

Lihat tautan ini.

3. Struktur komponen

Sebuah komponen terdiri dari tampilan (view) dan atribut. Di sisi consumer, Anda dapat mengubah atribut komponen agar komponen menampilkan tampilan yang berbeda. Tampilan dapat dibagi lagi menjadi tampilan desain (design view) dan tampilan runtime. Pada umumnya, keduanya dapat digunakan kembali. Di sisi producer, tampilan komponen dan atributnya perlu dibangun secara terpisah.

4. Apakah aplikasi dengan komponen kustom dapat didistribusikan ke organisasi lain dan dibuka secara normal?

Ya. Setelah aplikasi dengan komponen kustom didistribusikan ke organisasi lain, organisasi tersebut dapat menggunakan komponen secara normal, tetapi tidak dapat memperbaruinya. Untuk memperbarui komponen, penyedia layanan perlu memasang ulang versi baru komponen di aplikasi terdistribusi melalui pemeliharaan jarak jauh. Jika komponen diabstraksi dengan baik, hal ini dapat sebagian mengatasi kebutuhan untuk memperbarui aplikasi setelah didistribusikan.

5. Bagaimana mengakses atribut komponen kustom di halaman?

Komponen kustom bekerja sama seperti Komponen dasar. Gunakan this.$(‘fieldId’).get(‘propName’) untuk memperoleh atribut komponen terkait.

6. Bagaimana memperbarui atribut komponen kustom di halaman?

Komponen kustom bekerja sama seperti Komponen dasar. Gunakan this.$(‘fieldId’).set(‘propName’, propValue) untuk memperbarui atribut komponen terkait. Atau, gunakan metode pengikatan variabel Sumber Data.

7. Bagaimana mendapatkan komponen halaman di dalam komponen dan menghubungkannya dengan komponen lain di halaman?

Tambahkan atribut bertipe fungsi ke komponen kustom, yang berfungsi sebagai Callback peristiwa. Di halaman, gunakan Callback peristiwa ini untuk terhubung dengan komponen lain di halaman. Di dalam komponen, eksekusi Callback ini pada waktu yang tepat dengan memanggil this.props.xxx(), misalnya saat terjadi Peristiwa komponen atau di dalam DidMount komponen. Tip: Atribut bertipe fungsi dapat memiliki nilai default dan dapat diatur menjadi tersembunyi.

8. Bagaimana menghapus komponen kustom?

Saat ini, penghapusan komponen belum didukung. Penghapusan menimbulkan masalah dependensi yang kompleks. Pendekatannya akan serupa dengan https://www.npmjs.com/.

9. Bagaimana mencopot pemasangan komponen kustom?

Saat ini, pencopotan pemasangan komponen belum didukung karena akan memengaruhi aplikasi yang sudah ada. Fitur ini akan dipertimbangkan pada iterasi mendatang.

10. Apakah komponen kustom mendukung pemasangan paket NPM pihak ketiga?

Belum. Sebagai gantinya, gunakan pemuatan sumber daya CDN secara dinamis.

function loadScript(src, callback) {
  if (!src) {
    return;
  }
  const node = document.createElement('script');
  node.src = src;
  node.addEventListener('load', callback, false);
  document.head.appendChild(node);
}
function loadCss(url) {
  const linkElement = document.createElement('link');
  linkElement.rel = 'stylesheet';
  linkElement.href = url;
  document.body.appendChild(linkElement);
}
(function loadAssets() {
  loadCss('https://dev.g.alicdn.com/yida-platform/react-cropper/1.0.0/css/react-cropper.css');
  loadScript('https://dev.g.alicdn.com/yida-platform/react-cropper/1.0.0/js/react-cropper.js', () => {
    // kode Anda
  });
})();

11. Tidak dapat melihat komponen di panel setelah pemasangan?

A: Periksa cakupan pemasangan.

12. Bagaimana mengirim data pada formulir menggunakan komponen kustom?

A: Saat ini, komponen kustom YiDA tidak mendukung komponen formulir. Untuk mengirim data, isi komponen formulir yang sudah ada. Contohnya: deklarasikan sebuah atribut dengan pengidentifikasi unik, lewatkan pengidentifikasi unik formulir yang sudah ada saat menggunakannya, lalu isi kembali data yang diperlukan ke formulir yang sudah ada melalui Peristiwa di sisi komponen.

13. Deskripsi versi komponen

Komponen dibagi menjadi versi pengembangan dan versi resmi. Penomoran versi komponen kustom YiDA mengikuti semantic versioning dengan konvensi tambahan.

0.1.0 adalah versi pengembangan default. Versi pengembangan dapat tetap tersinkronisasi dengan desainer komponen secara real-time untuk keperluan debugging.
1.x.x adalah versi resmi setelah rilis, yang mengunci fungsionalitas versi saat ini untuk memastikan stabilitas penggunaan online. Oleh karena itu, aplikasi produksi harus memasang versi resmi 1.x.x setelah dirilis.

14. Saya mendefinisikan sebuah atribut. Ketika atribut ini berubah, bagaimana komponen ikut berubah?

Di desainer komponen, temukan komponen yang perlu diubah, cari atribut yang relevan, ikat variabel atau fungsi handler kustom ke atribut tersebut, lalu gunakan this.props.xxx untuk menangani berbagai kasus. Contohnya:

15. Dapatkah saya mengatur gaya secara dinamis di dalam komponen?

Ya. Gunakan komponen container, tambahkan “kelas gaya kustom” ke komponen container, dan kendalikan dengan mengikat variabel.

Memulai

Panduan pengembang

API

Tutorial

Komponen

1. Tidak dapat menemukan fungsi Hapus

2. Bagaimana memahami komponen bisnis?

3. Struktur komponen

4. Apakah aplikasi dengan komponen kustom dapat didistribusikan ke organisasi lain dan dibuka secara normal?

5. Bagaimana mengakses atribut komponen kustom di halaman?

6. Bagaimana memperbarui atribut komponen kustom di halaman?

7. Bagaimana mendapatkan komponen halaman di dalam komponen dan menghubungkannya dengan komponen lain di halaman?

8. Bagaimana menghapus komponen kustom?

9. Bagaimana mencopot pemasangan komponen kustom?

10. Apakah komponen kustom mendukung pemasangan paket NPM pihak ketiga?

11. Tidak dapat melihat komponen di panel setelah pemasangan?

12. Bagaimana mengirim data pada formulir menggunakan komponen kustom?

13. Deskripsi versi komponen

14. Saya mendefinisikan sebuah atribut. Ketika atribut ini berubah, bagaimana komponen ikut berubah?

15. Dapatkah saya mengatur gaya secara dinamis di dalam komponen?

​1. Tidak dapat menemukan fungsi Hapus

​2. Bagaimana memahami komponen bisnis?

​3. Struktur komponen

​4. Apakah aplikasi dengan komponen kustom dapat didistribusikan ke organisasi lain dan dibuka secara normal?

​5. Bagaimana mengakses atribut komponen kustom di halaman?

​6. Bagaimana memperbarui atribut komponen kustom di halaman?

​7. Bagaimana mendapatkan komponen halaman di dalam komponen dan menghubungkannya dengan komponen lain di halaman?

​8. Bagaimana menghapus komponen kustom?

​9. Bagaimana mencopot pemasangan komponen kustom?

​10. Apakah komponen kustom mendukung pemasangan paket NPM pihak ketiga?

​11. Tidak dapat melihat komponen di panel setelah pemasangan?

​12. Bagaimana mengirim data pada formulir menggunakan komponen kustom?

​13. Deskripsi versi komponen

​14. Saya mendefinisikan sebuah atribut. Ketika atribut ini berubah, bagaimana komponen ikut berubah?

​15. Dapatkah saya mengatur gaya secara dinamis di dalam komponen?

1. Tidak dapat menemukan fungsi Hapus

2. Bagaimana memahami komponen bisnis?

3. Struktur komponen

4. Apakah aplikasi dengan komponen kustom dapat didistribusikan ke organisasi lain dan dibuka secara normal?

5. Bagaimana mengakses atribut komponen kustom di halaman?

6. Bagaimana memperbarui atribut komponen kustom di halaman?

7. Bagaimana mendapatkan komponen halaman di dalam komponen dan menghubungkannya dengan komponen lain di halaman?

8. Bagaimana menghapus komponen kustom?

9. Bagaimana mencopot pemasangan komponen kustom?

10. Apakah komponen kustom mendukung pemasangan paket NPM pihak ketiga?

11. Tidak dapat melihat komponen di panel setelah pemasangan?

12. Bagaimana mengirim data pada formulir menggunakan komponen kustom?

13. Deskripsi versi komponen

14. Saya mendefinisikan sebuah atribut. Ketika atribut ini berubah, bagaimana komponen ikut berubah?

15. Dapatkah saya mengatur gaya secara dinamis di dalam komponen?