React JS Component’lere Props’lara State’lere Console kullanarak erişmek

JavaScript’te konsol kullanarak React JS ile yazılmış bir sayfadaki component’lere, o component’lerin state’lerine, props’larına erişmek istiyorsanız ilacınız bende. Koşun gelin anlatıyorum.

Öncelikle bunu yapabilmeniz için React Developer Tools‘un yüklü olması gerekir. Eğer bunu yükledinizse ya da varsa devam edebiliriz.

Sayfamızı açıyoruz ve sonrasında React Developer Tools üzerinden hangi component ile ilgili işlem yapmak istiyorsak o component’e tıklıyoruz ve Console sekmesine geçiyoruz. Şimdi hazır olun:

Console sekmesinde $r yazın ve ta taaaaa. İlgili component’i seçtiniz. Tebriques. Peki ya şimdi ne yapacağım? $r.state diyerek state’ye erişebilir ya da $r.setState() fonksiyonu gibi fonksiyonları kullanarak işlemlerinizi yapabilirsiniz.