File tree Expand file tree Collapse file tree 1 file changed +24
-7
lines changed Expand file tree Collapse file tree 1 file changed +24
-7
lines changed Original file line number Diff line number Diff line change @@ -2,7 +2,7 @@ import QueueAnim from 'rc-queue-anim';
2
2
import React from 'react' ;
3
3
import ReactDom from 'react-dom' ;
4
4
5
- const Item = React . createClass ( {
5
+ const QueueItem = React . createClass ( {
6
6
render ( ) {
7
7
return (
8
8
< QueueAnim >
@@ -14,15 +14,32 @@ const Item = React.createClass({
14
14
}
15
15
} ) ;
16
16
17
+ const Item = React . createClass ( {
18
+ render ( ) {
19
+ return (
20
+ < div > Item</ div >
21
+ ) ;
22
+ }
23
+ } ) ;
24
+
17
25
const Page1 = React . createClass ( {
18
26
render ( ) {
19
27
return (
20
- < QueueAnim interval = { 3000 } >
21
- < Item key = '1' />
22
- < Item key = '2' />
23
- < Item key = '3' />
24
- < Item key = '4' />
25
- </ QueueAnim >
28
+ < div >
29
+ < QueueAnim interval = { 1500 } >
30
+ < Item key = '1' />
31
+ < Item key = '2' />
32
+ < Item key = '3' />
33
+ < Item key = '4' />
34
+ </ QueueAnim >
35
+ < hr />
36
+ < QueueAnim interval = { 1500 } >
37
+ < QueueItem key = '1' > 11</ QueueItem >
38
+ < QueueItem key = '2' > 11</ QueueItem >
39
+ < QueueItem key = '3' > 11</ QueueItem >
40
+ < QueueItem key = '4' > 11</ QueueItem >
41
+ </ QueueAnim >
42
+ </ div >
26
43
) ;
27
44
}
28
45
} ) ;
You can’t perform that action at this time.
0 commit comments