feat: mobx5.0版本获取数据

谢明 · 谢明 · commit 664421123abf · 2019-01-07T17:06:27.000+08:00
获取数据时先要toJS
diff --git a/components/HomePage/index.js b/components/HomePage/index.js
@@ -1,22 +1,29 @@
 import React from 'react';
 import cowsay from 'cowsay-browser';
 import styles from './index.less';
-import { Router } from '../../routers';
 import { observer, inject } from 'mobx-react';
 import { Button } from 'antd';
+import { toJS } from 'mobx';
+import { Router } from '../../routers';
 
-function HomePage({ homeStore }) {
+function HomePage({ homeStore, appStore }) {
     return (
         <React.Fragment>
             <h2 className={styles.title}>Hello World!{homeStore.name}</h2>
-            <Button type="primary" onClick={() => {Router.pushRoute('/demo/455')}}>动态路由</Button>
+            <Button type="primary" onClick={() => { Router.pushRoute('/demo/455') }}>动态路由</Button>
             &nbsp;&nbsp;
-            <Button type="primary" onClick={() => {Router.pushRoute('/nested_router')}}>嵌套路由</Button>
+            <Button type="primary" onClick={() => { Router.pushRoute('/nested_router') }}>嵌套路由</Button>
             <pre>
                 {cowsay.say({ text: 'hi there!' })}
             </pre>
+            <p>{appStore.name}</p>
+            <ul>
+                {
+                    toJS(appStore.treeData.data).map((item, index) => (<li key={index}>{item.name + '--' + item.project_id + '--' + item.uid}</li>))
+                }
+            </ul>
         </React.Fragment>
     );
 }
 
-export default inject('homeStore')(observer(HomePage));
+export default inject('homeStore', 'appStore')(observer(HomePage));
diff --git a/pages/_document.js b/pages/_document.js
@@ -11,10 +11,7 @@ export default class MyDocument extends Document {
     return (
       <html lang="zh-cn" {...htmlAttrs}>
         <Head>
-          <meta
-            name="viewport"
-            content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,minimal-ui"
-          />
+          <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,minimal-ui" />
           <link rel="manifest" href="static/manifest.json" />
           <link rel="icon" href="static/img/favicon.ico" />
           <link rel="stylesheet" href="/static/css/antd.min.css" />
diff --git a/pages/nestedRouter/index.js b/pages/nestedRouter/index.js
@@ -7,6 +7,5 @@ export default (props) => (
             <meta name="description" content="嵌套路由" />
             <title>嵌套路由</title>
         </Helmet>
-        {console.log(props, '--------------props')}
         <Body>5</Body>
     </React.Fragment>);
