2016-08-25 1 views
0

Ich verwende React in meiner Webanwendung.Best Practice für die Umschaltung mit Dauer in reagieren js

Ich weiß bereits, wie man die Logik des Toggle schreibt - eine boolesche Daten in meinem Zustand zu halten und ändern, wenn ich den Toggle-Trigger handle.

Mein Problem ist, wie man eine Animation mit diesem Schalter ausführen kann. Ich fand einige Ideen/Praktiken:

  1. $ (this.refs.slide) .slideDown(); .
  2. $ (React.findDOMNode (this)) stoppen (true) .fadeOut ({ Dauer: 1200, vollständig: function() { that.props.onComplete();} });
  3. herunterladen über npm ein bestimmtes Modul.

Dank

Antwort

0

Addons Reagieren sieht vor, dass zu tun. Animation in React.

+0

Ich habe diese Dokumentation gesehen. Ich fand es schwierig zu verstehen. Hast du ein solides Beispiel? - @goldbullet –

+1

Wie wäre es damit? http://codepen.io/tansongyang/pen/PNRGLB – goldbullet

+0

Sie können sich entweder auf CSS verlassen, um eine Animation auszuführen, in der Sie die High-Level-API verwenden: CSSTransitionGroup. Wenn Sie manuell etwas wie Velocity oder eine Animationsbibliothek verwenden möchten, verwenden Sie die Low-Level-API TransitionGroup. – goldbullet

Verwandte Themen