updata enetr-animation use-method

components/enter-animation/demo/basic.md

@@ -13,12 +13,12 @@ var EnterAnimation = antd.EnterAnimation;
 var Test = React.createClass({
   getInitialState() {
     return {
-      bool:true,
+      show:true,
     }
   },
   onClick() {
     this.setState({
-      bool:!this.state.bool,
+      show:!this.state.show,
     })
   },
   render() {
@@ -28,7 +28,7 @@ var Test = React.createClass({
           <button className="ant-btn ant-btn-primary" onClick={this.onClick}>切换</button>
         </div>
         <EnterAnimation>
-          {this.state.bool ? <div key='a'>
+          {this.state.show ? <div key='a'>
             <div className="demo-header">
               <div className="logo">
                 <img width="30" src="https://t.alipayobjects.com/images/rmsweb/T1B9hfXcdvXXXXXXXX.svg" />

components/enter-animation/index.md

@@ -17,14 +17,16 @@
 
 ## 如何使用
 
-一级子元素依次进场。
+元素依次进场。
 
 ```html
 <EnterAnimation>
-  <div>依次进场</div>
-  <div>依次进场</div>
-  <div>依次进场</div>
-  <div>依次进场</div>
+  <div key='demo'>
+    <div>依次进场</div>
+    <div>依次进场</div>
+    <div>依次进场</div>
+    <div>依次进场</div>
+  </div>
 </EnterAnimation>
 ```
 
@@ -32,14 +34,16 @@
 
 ```html
 <EnterAnimation type="left" delay={2}>
-  <div>
-    <div enter-data>
-      依次进场
+  <div key='demo'>
+    <div>
+      <div enter-data>
+        依次进场
+      </div>
     </div>
+    <div enter-data>依次进场</div>
+    <div enter-data={{type: 'bottom'}}>依次进场，并修改动画效果</div>
+    <div>没有动画</div>
   </div>
-  <div enter-data>依次进场</div>
-  <div enter-data={{type: 'bottom'}}>依次进场，并修改动画效果</div>
-  <div>没有动画</div>
 </EnterAnimation>
 ```