You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
So I have a component, that shouldn't be displayed when mounted:
<CSSTransition in={false} ... is the state when component mounts.
transitions i want to use:
enter: 'class-that-adds-transition class-that-sets-opacity-to-zero'
enterActive: 'class-that-sets-opacity-to-one'
exit: 'class-that-adds-transition class-that-sets-opacity-to-one'
exitActive: 'class-that-sets-opacity-to-zero'
exitDone: 'class-that-hides-component'
Is there a way to apply "exitedDone" class on that component when it mounts? Without any transitions etc... something like appear={true}, but for components that shouldn't be rendered if in=false
The text was updated successfully, but these errors were encountered:
I have a component that has in={true} when initially mounted and the enterDone class is not applied.
That means I currently need to manually apply the done classes based on the boolean I pass to the in property. Which means there is not much point to even use exitDone and enterDone features.
I've just hit the same issue here. I'd be happy to get a PR together, but I'd need a little input from a maintainer: it doesn't look too hard to fix, but there are a few little decisions to make, such as whether (in the CSSTransition class) to call the 'exited' or 'entered' callbacks at startup, or to avoid that and only add the appropriate '-done' CSS classes...
So I have a component, that shouldn't be displayed when mounted:
<CSSTransition in={false} ... is the state when component mounts.
transitions i want to use:
enter: 'class-that-adds-transition class-that-sets-opacity-to-zero'
enterActive: 'class-that-sets-opacity-to-one'
exit: 'class-that-adds-transition class-that-sets-opacity-to-one'
exitActive: 'class-that-sets-opacity-to-zero'
exitDone: 'class-that-hides-component'
Is there a way to apply "exitedDone" class on that component when it mounts? Without any transitions etc... something like appear={true}, but for components that shouldn't be rendered if in=false
The text was updated successfully, but these errors were encountered: