reactjs - react css animation when component mounts -
here's fiddle of want do: https://jsfiddle.net/s7s07chm/7/ but want react instead of jquery. basically, put classname of element in state, , on componentdidmount update classname initiate transition. but isn't working. component rendering transitioned state. in other words, instead of sliding down, appears @ bottom beginning am doing wrong? if so, there way accomplish this? here's actual code getinitialstate: function() { return { childclass: 'child' }; }, componentdidmount: function() { this.setstate({ childclass: 'child low' }); }, the reason won't work because dom won't updated until component mounted. class you're assigning getinitialstate never appear in dom, 1 set componentdidmount will. ray mentioned, should take @ reactcsstransitiongroup.