05.07. Dinamik Bileşen Ekleme

Bu bölümde çalışma anında yeni bir bileşeni çalışma anında (run-time) ekleyip, render aşamasında güncellemesi yapacağız.

state bölümde things adında bir dizi ve kaçıncı bileşen olduğunu tutan bir değişken açtık. add fonksiyonu Button’a tıkladığında devreye girer. key değeri 1 arttırılıp bir değişkene atılır. newThing değişkeni bir Text bileşen içerir. Bu bileşen things array’ine push metodu ile eklenir. Ayrıca, ekleme işleminden sonra setState üzerinden yeni key değeri ayarlanır. render aşamasında things dizisindeki değerler map metodu ile toplanıp sonuç döndürülür. things dizisi oluşan bileşenleri tutar. render aşamasının return metodu “{ Arr }” üzerinden oluşan metinleri gösterir.