Custom Input Mask with Reactjs

di postingan ini saya menuliskan pengalaman saya ketika perlu membuat sebuah input ask untuk sebuah inputan no rekening yang seperti gambar berikut, terdapat masking atau placeholder underscore ( _ ) sebagai visual pengisianya.

stack yang saya pakai kebetulan pakai react js :3, nah saya menemukan library react-input-mask, tetapi itu terlalu powerfull untuk kasus yang sederhana, akhirnya coba coba bikin custom

berikut contoh code custom ketika riset, selanjutnya temen temen tinggal ubah menjadi component tersendiri atau di kembangkan lagi sesuai keperluan

Semoga bermanfaat :)