Clarify how transition props work (#8124)
Dan Abramov committed
Oct 27, 2016 at 14:21 UTC
e1b140225a5881d831e3ac7e9128106a27039fec
1 file changed
+5
-1
docs/docs/addons-animation.md
+5
-1
@@ -105,7 +105,9 @@ render() {
105
<ReactCSSTransitionGroup
106
transitionName="example"
107
transitionAppear={true}
108
- transitionAppearTimeout={500}>
108
+ transitionAppearTimeout={500}
109
+ transitionEnter={false}
110
+ transitionLeave={false}>
111
<h1>Fading at Initial Mount</h1>
112
</ReactCSSTransitionGroup>
113
);
@@ -130,6 +132,8 @@ At the initial mount, all children of the `ReactCSSTransitionGroup` will `appear
132
> Note:
133
>
134
> The prop `transitionAppear` was added to `ReactCSSTransitionGroup` in version `0.13`. To maintain backwards compatibility, the default value is set to `false`.
135
+>
136
+> However, the default values of `transitionEnter` and `transitionLeave` are `true` so you must specify `transitionEnterTimeout` and `transitionLeaveTimeout` by default. If you don't need either enter or leave animations, pass `transitionEnter={false}` or `transitionLeave={false}`.
137
138
### Custom Classes
139