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

Question

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!

score 9 · Accepted Answer · edited Jul 15 '22 at 20:51

9

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.

edited Jul 15 '22 at 20:51

tony19

125,647
18
229
307

answered Jan 17 '20 at 14:38

lumpofiron

154
1
8

2

I opened a PR to the repo to try and improve the documentation a while ago but there's no progress on it – lumpofiron Mar 03 '20 at 15:09
1

PR was merged - [#585](https://github.com/reactjs/react-transition-group/pull/585) – lumpofiron Mar 03 '21 at 16:42

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

1 Answers1