reactjsreact-transition-group

Is there a working example of React Transition Group's SwitchTransition component?


I am trying to use a SwitchTransition component. Unfortunately, the code in the docs is not a complete example and I'm having trouble filling in the blanks. Does anyone have a simple example of this component being used, such as a CSS fade-out then fade-in?

I can't find any examples online. Does this mean that there is another common approach that I'm overlooking? Thanks!


Solution

  • I've made a simple example here that uses SwitchTransition to transition the text being displayed.

    The react-transition-group docs link to vue transition modes which give some insight into how the switch transition works.