File tree 2 files changed +24
-5
lines changed
2 files changed +24
-5
lines changed Original file line number Diff line number Diff line change 1
- import React , { Component } from 'react'
2
- import { render } from 'react-dom'
1
+ import React , { Component } from 'react'
2
+ import { render } from 'react-dom'
3
3
4
4
import Example from '../../src'
5
5
6
6
class Demo extends Component {
7
+ constructor ( props ) {
8
+ super ( props ) ;
9
+ this . state = {
10
+ 'selectedPage' :1
11
+ }
12
+ this . getSelectedPage = this . getSelectedPage . bind ( this )
13
+
14
+ }
15
+ getSelectedPage ( k ) {
16
+ this . setState ( {
17
+ 'selectedPage' : k
18
+ } )
19
+ }
7
20
render ( ) {
8
21
return < div >
9
22
< h1 > pagination-react Demo</ h1 >
10
- < Example total = '100' limit = '10' />
23
+ < Example total = '100' limit = '10' returnSelectedPage = { this . getSelectedPage } />
24
+ < br />
25
+ < h2 > { "Selected page : " + this . state . selectedPage } </ h2 >
11
26
</ div >
12
27
}
13
28
}
14
29
15
- render ( < Demo /> , document . querySelector ( '#demo' ) )
30
+ render ( < Demo /> , document . querySelector ( '#demo' ) )
Original file line number Diff line number Diff line change @@ -119,6 +119,7 @@ export default class ReactPagination extends Component {
119
119
this . setState ( state ) ;
120
120
}
121
121
selectPage ( page ) {
122
+ this . props . returnSelectedPage ( page ) ;
122
123
let state = this . state ;
123
124
state . current = page ;
124
125
if ( page === state . last ) {
@@ -138,7 +139,10 @@ export default class ReactPagination extends Component {
138
139
goNext ( ) {
139
140
this . selectPage ( this . state . current + 1 ) ;
140
141
}
141
-
142
+ onClick ( event , n ) {
143
+ this . selectPage ( n ) ;
144
+ func2 ( ) ;
145
+ }
142
146
render ( ) {
143
147
144
148
let activeButtonColor = '#ccc'
You can’t perform that action at this time.
0 commit comments