Pengenal unik render (key)

Fitur	Paket Luang	Edisi Basic	Edisi Professional	Edisi Dedicated
Halaman kustom	Tidak didukung	Tidak didukung	Didukung	Didukung

1. Pengantar dan jalur konfigurasi

Pengenal unik render (key) bekerja dengan prinsip yang sama seperti atribut key pada komponen di React — keduanya mengidentifikasi komponen secara unik saat proses rendering atau peralihan komponen. Jalur: Pada halaman kustom, klik komponen mana pun >> Premium di sisi kanan >> Apakah dirender >> Pengenal unik render. Konfigurasi ini umumnya digunakan bersama fitur Apakah dirender dan Loop. Halaman kustom

2. Kasus penggunaan

2.1 Beralih antar komponen sejenis

Pada skenario berikut, ketika Hobi diatur ke Games, Game favorit ditampilkan; ketika Hobi diatur ke Olahraga, Olahraga favorit ditampilkan. Konfigurasikan sebagai berikut:

Tambahkan sumber data variabel: hobby.
Atur pengenal formulir Game favorit menjadi game, lalu ikat Apakah dirender ke variabel state.hobby === 'Games'.
Atur pengenal formulir Olahraga favorit menjadi sport, lalu ikat Apakah dirender ke variabel state.hobby === 'Sports'.
Konfigurasikan tindakan onChange untuk Hobi.

export function onChagne({ value, actionType, item }) {
  this.setState({
  	hobby: value,
  });
}

Ikat tindakan onClick ke tombol Kirim.

export function submit() {
	console.log(this.$('form').getValue());
}

Dengan konfigurasi di atas (tanpa mengatur pengenal unik render), mengganti hobi memang akan menukar Kotak Teks di bawahnya. Namun, saat data dikirim, bidang sport justru berisi nilai dari Game favorit meskipun Olahraga yang dipilih. Alasan: Saat beralih antar komponen Kotak Teks, tanpa key yang diatur, framework di baliknya akan “menggunakan ulang” komponen dari sebelum peralihan. Untuk mengatasinya, konfigurasikan Pengenal unik render untuk kedua komponen.

Memulai

Mulai Cepat

Manajemen Formulir

Desain Alur Kerja

Desain Laporan

Desain Tabel Agregat

Desain Portal

Halaman Kustom

Integrasi & Otomatisasi

Cool App

Manajemen Aplikasi

Manajemen Platform

Internasionalisasi

YiDA Dedicated

Fitur Pengembang

1. Pengantar dan jalur konfigurasi

2. Kasus penggunaan

2.1 Beralih antar komponen sejenis

​1. Pengantar dan jalur konfigurasi

​2. Kasus penggunaan

​2.1 Beralih antar komponen sejenis

1. Pengantar dan jalur konfigurasi

2. Kasus penggunaan

2.1 Beralih antar komponen sejenis