2
220x dilihat
React: cara mengoptimalkan re-render komponen dengan banyak state?
Saya punya komponen form dengan banyak state (lebih dari 15). Setiap kali mengetik, seluruh komponen re-render dan terasa lambat.
Apakah saya harus menggunakan useMemo, useCallback, atau memecah menjadi komponen yang lebih kecil? Mohon tipsnya.
Apakah saya harus menggunakan useMemo, useCallback, atau memecah menjadi komponen yang lebih kecil? Mohon tipsnya.
1 Jawaban
0
Pecah form menjadi beberapa komponen kecil (misal satu input per komponen) sehingga hanya komponen terkait yang re-render. Gunakan uncontrolled input dengan defaultValue, atau library form seperti React Hook Form. useMemo/useCallback hanya untuk optimasi lanjutan, bukan solusi utama.
Ingin memberikan solusi? Bergabung sebagai member untuk menjawab pertanyaan.
Daftar Gratis atau Login