React TutorialLesson 42Preview gratis
React Transitions
Lesson ini bagian dari React · Semua level
Ringkasan
React Transition Group membantu menambahkan animasi masuk, keluar, dan pindah pada elemen React. Komponen CSSTransition menambahkan kelas CSS sesuai status enter atau exit, lalu mengaktifkannya mengikuti timeout yang ditentukan. Pemisahan logika animasi dari komponen membuat transisi lebih mudah dikendalikan.
Poin kunci
- Perlu memasang paket react-transition-group
- CSSTransition memakai props in dan timeout
- Kelas animasi standar: -enter, -enter-active, -exit, -exit-active
- TransitionGroup dipakai untuk menganimasikan daftar elemen
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.