जब घटक React.js

Question

में परिवर्तन करता है तो घटक को एनिमेट करें, जब मैं राज्य परिवर्तन में संग्रहीत डेटा मानों को HTML तत्व पर एक छोटी एनीमेशन बनाने की कोशिश कर रहा हूं। यह कैसे प्राप्त कर सकते हैं?

मैं componentWillUpdate में घटक में सीएसएस क्लास कैसे जोड़ सकता हूं और इसे componentDidUpdate में हटा सकता हूं? मुझे वहां किसी भी HTML तत्व का कोई संदर्भ नहीं दिख रहा है।

Answer 1

आप एक घटक के एक वर्ग को जोड़ने के लिए की जरूरत है: React.findDOMNode(this).classList.add("classname");

निकालने के लिए: React.findDOMNode(this).classList.remove("classname");

आप componentWillUpdate में एक वर्ग को जोड़ने और componentDidUpdate में इसे हटाने के लिए कोशिश कर रहे हैं, तो आप आवश्यकता होगी परिवर्तन को नोटिस करने के लिए सेटटाइमआउट की तरह कुछ उपयोग करने के लिए। उदाहरण के लिए:

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