Reactjs si animatii

In ultimele zile am inceput sa ma joc cu ReactJS sa vad cat de greu e si am dat de urmatoareaa problema.

Pot seta o animatie pentru aparitia/disparitia elementelor din state. Cum pot dezactiva respectiva animatie pentru prima aparitie? Astfel incat sa se anime doar atunci cand adaug si scot.

http://jsfiddle.net/kb3gN/6887/

http://jsbin.com/xapeb/1/

Ideea e sa pui valorile initiale in:

  getInitialState: function() {
    return {
      items: ['blue', 'red', 'green']
    }
  }

Problema se punea ca aceste valori pot veni din alta parte,cum ar fi un ajax, si de aia m-am gandit sa le pun in didMount. Sincer nu stiu daca e OK sa pun ce vine in ajax acolo, caci nu am experienta cu astea.

Pana la urma am facut cu un flag, la sugestia cuiva de pe stackoeverflow:

http://jsfiddle.net/kb3gN/6957/

Mai este si optiunea prin componentDidUpdate http://jsbin.com/xapeb/2/edit?js,output

componentDidUpdate este rulat dupa fiecare update (setState). Face skip peste primul render, si va rula dupa renderul cu datele primite prin ajax (xhr)

2 Likes