8. Handle pagination

umijs · Feb 22, 2018 · 156220c · eruca · Sep 9, 2018 · thunderstreak
1 parent f81d36c
commit 156220c
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/src/pages/users/components/Users.js b/src/pages/users/components/Users.js
@@ -1,13 +1,21 @@
 import { connect } from 'dva';
 import { Table, Pagination, Popconfirm } from 'antd';
+import { routerRedux } from 'dva/router';
 import styles from './Users.css';
 import { PAGE_SIZE } from '../constants';
 
-function Users({ list: dataSource, loading, total, page: current }) {
+function Users({ dispatch, list: dataSource, loading, total, page: current }) {
   function deleteHandler(id) {
     console.warn(`TODO: ${id}`);
   }
 
+  function pageChangeHandler(page) {
+    dispatch(routerRedux.push({
+      pathname: '/users',
+      query: { page },
+    }));
+  }
+
   const columns = [
     {
       title: 'Name',
@@ -54,6 +62,7 @@ function Users({ list: dataSource, loading, total, page: current }) {
           total={total}
           current={current}
           pageSize={PAGE_SIZE}
+          onChange={pageChangeHandler}
         />
       </div>
     </div>