代码回退

src/components/common/navigator.jsx

@@ -8,15 +8,13 @@ class Navigator extends React.Component {
     constructor(props) {
         super(props)
         this.state = {
-            currentPage: 'home'
         }
     };
     
 
     render() {
         const { main, dispatch } = this.props;
-        const { currentUser } = main;
-        const { currentPage } = this.state;
+        const { currentUser, currentPage } = main;
 
         const userMenu = currentUser.code ? (
             <Menu>
@@ -51,11 +49,6 @@ class Navigator extends React.Component {
                 <Menu
                     className='navigator-menu'
                     selectedKeys={[currentPage]}
-                    onClick={(item ) => {
-                        this.setState({
-                            currentPage: item.key
-                        });
-                    }}
                     mode="horizontal"
                 >     
                     <Menu.Item className='nav-page' key="home">

src/models/main.js

@@ -22,8 +22,12 @@ export default {
             name,
             role,
         },
+        currentPage: ''
     },
     reducers: {
+        setCurrentPage(state, action) {
+            return { ...state, currentPage: action.page || 'home' };
+        },
         setCurrentUser(state, action) {
             const { user } = action;
             return { ...state, currentUser: {
@@ -87,6 +91,10 @@ export default {
                 duration: 2,
                 maxCount: 3,
             });
+            return history.listen(({ pathname, query }) => {
+                let page = pathname.match(/\/(\w*)/)[1];
+                dispatch({ type: 'setCurrentPage', page });
+            })
         }
     }
 };