Peut Réagir animer un composant caché/supprimé?
Je sais que l'utilisation ReactCSSTransitionGroup
vous pouvez l'appliquer à une liste d'éléments et ont ensuite animer tels qu'ils apparaissent ou disparaissent. Que penser d'un seul composant?
Voir JSFiddle ici, où j'ai un CSS animation lorsque l'élément s'affiche. Mais je ne sais pas si il existe un moyen de le faire animer sur le fait d'être caché.
https://jsfiddle.net/eq263rk2/
OriginalL'auteur ffxsam | 2015-09-19
Vous devez vous connecter pour publier un commentaire.
Sûr! Utilisez simplement le
enter
etleave
variantes (bien que vous devriez toujours rendu de laTransitionGroup
composant):et
Exemple: https://jsfiddle.net/BinaryMuse/3fkso0kq/
enter
/leave
était pour une liste d'éléments, etappear
était pour un seul élément. Quel est le point deappear
ensuite, et de façon dose-elle différente?est pour la comparution initiale de l'élément, si vous utilisez
transitionAppear
— c'est-à-dire, si leTransitionGroup
et ce sont les enfants de déjà monté lorsque le contenant du composant de montures, de ne pas les animer, à moins quetransitionAppear
est réglé. Essayez de définir{thingIsVisible: true}
dans votre exemple, et puis dans la mienne.OriginalL'auteur Michelle Tilley