From 4fda63c77b9832d92c4507fa1706eca6895ff546 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Paul=20O=E2=80=99Shannessy?= Date: Sat, 22 Aug 2015 16:10:05 -0700 Subject: [PATCH] Merge pull request #4684 from lyip1992/patch-3 Update 10.1-animation.md (cherry picked from commit 27e5a563dbe6dcde37840ad247a1d93db5b6a1f4) --- docs/docs/10.1-animation.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/docs/10.1-animation.md b/docs/docs/10.1-animation.md index 12fde7ea0a..e17d595634 100644 --- a/docs/docs/10.1-animation.md +++ b/docs/docs/10.1-animation.md @@ -54,7 +54,7 @@ var TodoList = React.createClass({ ``` > Note: > -> You must provide [the `key` attribute](/react/docs/multiple-components.html#dynamic-children) for all children of `ReactCSSTransitionGroup`, even if rendering a single item. This is how React will determine which children have entered, left, or stayed. +> You must provide [the `key` attribute](/react/docs/multiple-components.html#dynamic-children) for all children of `ReactCSSTransitionGroup`, even when only rendering a single item. This is how React will determine which children have entered, left, or stayed. In this component, when a new item is added to `ReactCSSTransitionGroup` it will get the `example-enter` CSS class and the `example-enter-active` CSS class added in the next tick. This is a convention based on the `transitionName` prop.