init

src/models/Common.js

@@ -35,9 +35,6 @@ export default {
   subscriptions: {
     setup({dispatch, history}) {
 
-      if (location.pathname != '/loginCallback') {
-        dispatch({type: 'init'})
-      }
       return history.listen(({pathname, query}) => {
         if (pathname === '/login') {
           let params = new URLSearchParams()

src/routes/Apps.js

-import React from 'react';
-import { connect } from 'dva';
-import styles from './Apps.less';
-import {  Link } from 'dva/router';
-import { Button, Affix, Icon, Table, Tag } from 'antd'
-import Create from '../components/App/Create'
+import React from "react";
+import {connect} from "dva";
+import styles from "./Apps.less";
+import {Link} from "dva/router";
+import {Affix, Button, Icon, Table} from "antd";
+import Create from "../components/App/Create";
 
 
 const columns = [
@@ -18,20 +18,20 @@ const columns = [
     dataIndex: 'name',
     render: name => name && name["zh-CN"],
     width: '10%',
-  },{
+  }, {
     title: "author",
     dataIndex: 'author',
     width: '10%',
-  },{
+  }, {
     title: "category",
     dataIndex: 'category',
     width: '10%',
-  },{
+  }, {
     title: "homepage",
     dataIndex: 'homepage',
     render: homepage => <a href={homepage} target="_blank">{homepage}</a>,
     width: '10%',
-  },{
+  }, {
     title: "released_at",
     dataIndex: 'released_at',
     sorter: true,
@@ -44,18 +44,26 @@ const columns = [
   },
 ]
 
-function Apps({children, dispatch, isCreate, isSubmit, apps}) {
+class Apps extends React.Component {
+
+  componentWillMount() {
+    const {dispatch} = this.props
+    console.log(this.props)
+  }
+
+  render() {
+    const {children, dispatch, isCreate, isSubmit, apps} = this.props
 
     const CreateProps = {
       visible: isCreate,
       isLoading: isSubmit,
-    onCancel: () => dispatch({ type: 'App/onCancel'}),
-    onCreate: () => dispatch({ type: 'App/onCreate'}),
-    onSubmit: (payload) => dispatch({ type: 'App/create', payload}),
+      onCancel: () => dispatch({type: 'App/onCancel'}),
+      onCreate: () => dispatch({type: 'App/onCreate'}),
+      onSubmit: (payload) => dispatch({type: 'App/create', payload}),
     }
 
     const CreateButtonProps = {
-    onClick: () => dispatch({ type: 'App/onCreate'}),
+      onClick: () => dispatch({type: 'App/onCreate'}),
       className: styles.CreateBtn,
       shape: "circle",
       type: "primary",
@@ -73,21 +81,22 @@ function Apps({children, dispatch, isCreate, isSubmit, apps}) {
 
         <Table {...TableProps}/>
 
-      <Affix style={{ position: 'absolute', bottom: 50, right: 50}}>
+        <Affix style={{position: 'absolute', bottom: 50, right: 50}}>
           <Button {...CreateButtonProps} >
-          <Icon type="plus" />
+            <Icon type="plus"/>
           </Button>
         </Affix>
 
         <Create {...CreateProps}/>
       </div>
     );
+  }
 }
 
 function mapStateToProps(state) {
   const {
-    Apps: { apps },
-    App: { isCreate, isSubmit },
+    Apps: {apps},
+    App: {isCreate, isSubmit},
   } = state
   return {
     apps,

src/routes/Entry.js

-import React from 'react';
-import { connect } from 'dva';
-import Nav from '../components/Common/Nav'
+import React from "react";
+import {connect} from "dva";
+import Nav from "../components/Common/Nav";
 
 
-import {Layout} from 'antd'
+import {Layout} from "antd";
 
-function Entry({ children}) {
+class Entry extends React.Component {
+
+  componentWillMount() {
+    const {dispatch, location:{pathname}} = this.props
+    if(pathname !== 'loginCallback') {
+      dispatch({type: 'Common/init'})
+    }
+  }
+
+  render() {
+    const {children} = this.props
     return (
-    <Layout style={{ flexDirection: 'row', minHeight: '100%'}}>
+      <Layout style={{flexDirection: 'row', minHeight: '100%'}}>
         <Nav />
-      <Layout style={{ minHeight: '400px'}}>
+        <Layout style={{minHeight: '400px'}}>
           {children}
         </Layout>
       </Layout>
     );
+  }
 }
 
 function mapStateToProps(state) {