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:
- $ (this.refs.slide) .slideDown(); .
- $ (React.findDOMNode (this)) stoppen (true) .fadeOut ({ Dauer: 1200, vollständig: function() { that.props.onComplete();} });
- herunterladen über npm ein bestimmtes Modul.
Dank
Ich habe diese Dokumentation gesehen. Ich fand es schwierig zu verstehen. Hast du ein solides Beispiel? - @goldbullet –
Wie wäre es damit? http://codepen.io/tansongyang/pen/PNRGLB – goldbullet
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