React.js

Question

'da durum değiştiğinde bileşeni birleştirin Veriler, veri değiştiğinde depolanan veri değerlerinde HTML öğesinde küçük bir animasyon oluşturmaya çalışıyorum. Bunu nasıl başarabilirim?

componentWillUpdate'da CSS sınıfını bileşene nasıl ekleyebilir ve componentDidUpdate içinde kaldırabilirim? Orada herhangi bir HTML öğesine referans göremiyorum. Eğer bir bileşene bir sınıf eklemeniz gerekiyorsa

Answer 1

: React.findDOMNode(this).classList.add("classname");

kaldırmak için: React.findDOMNode(this).classList.remove("classname");

Eğer componentWillUpdate bir sınıf ekleyip componentDidUpdate bunu kaldırmak için çalışıyorsanız, size ihtiyacım olacağını Bir değişiklik fark etmek için setTimeout gibi bir şey kullanmak. Örneğin:

componentWillUpdate: function() { 
    React.findDOMNode(this).classList.add("class1", "class2"); 
}, 
componentDidUpdate: function() { 
    var el = React.findDOMNode(this); 
    setTimeout(function(){ 
     el.classList.remove("class1"); 
    }, 1000); 
}