better docs for TransitionGroup about use of key
prop on children
#467
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Fixes #466
You don't always have the children of
TransitionGroup
mapped sometimes you want to render one at a time (eg image carousel) so it took me a while to figure out they need to have akey
prop even when just rendering a single one by going to the source and reading this:https://github.com/reactjs/react-transition-group/blob/master/src/utils/ChildMapping.js#L3-L19
So now im sending this PR with those insights so its easier for people to know about this
I made a small working example with styled-components
https://github.com/shelldandy/styled-transitions-example/blob/master/pages/index.js#L115-L121