树形控件的父节点 beta

mock/linkman.js

@@ -7,9 +7,23 @@ export const linkmangroups = [
     },
     },
     {
     {
         "id": 3,
         "id": 3,
-        "name": '分组2',
+        "name": '分组3',
         "parentid": 1,
         "parentid": 1,
-        "order": 10
+        "order": 10,
+        "children":[
+            {
+                "id": 13,
+                "name": '分组13',
+                "parentid": 1,
+                "order": 10
+            },
+            {
+                "id": 14,
+                "name": '分组14',
+                "parentid": 1,
+                "order": 10
+            }
+        ]
     },
     },
     {
     {
         "id": 4,
         "id": 4,

src/routes/devutil/schoolmgr.js

@@ -45,11 +45,7 @@ const TreeNode = Tree.TreeNode;
 export default class schoolmgr extends Component{
 export default class schoolmgr extends Component{
 
 
     state = {
     state = {
-      groups: [
-          { title: 'Expand to load', key: '0' },
-          { title: 'Expand to load', key: '1' },
-          { title: 'Tree Node', key: '2', isLeaf: true },
-        ],
+
     };
     };
 
 
     
     
@@ -60,6 +56,7 @@ export default class schoolmgr extends Component{
         dispatch({
         dispatch({
           type: 'linkman/groups',
           type: 'linkman/groups',
         });
         });
+
       }
       }
 
 
 
 
@@ -87,12 +84,12 @@ export default class schoolmgr extends Component{
         return data.map((item) => {
         return data.map((item) => {
           if (item.children) {
           if (item.children) {
             return (
             return (
-              <TreeNode title={item.title} key={item.key} dataRef={item}>
+              <TreeNode title={item.name} key={item.id} dataRef={item}>
                 {this.renderTreeNodes(item.children)}
                 {this.renderTreeNodes(item.children)}
               </TreeNode>
               </TreeNode>
             );
             );
           }
           }
-          return <TreeNode {...item} dataRef={item} />;
+          return <TreeNode title={item.name} key={item.id} dataRef={item} />;
         });
         });
       }
       }
 
 
@@ -108,6 +105,11 @@ export default class schoolmgr extends Component{
             style: { marginBottom: 24 },
             style: { marginBottom: 24 },
           };
           };
 
 
+        const {linkman:{groups}} = this.props;
+
+        console.log('render()');
+        console.log(groups);
+
         return <div>    
         return <div>    
             
             
             <Row gutter={24}>
             <Row gutter={24}>
@@ -137,7 +139,7 @@ export default class schoolmgr extends Component{
                     <Col xl={16} lg={24} md={24} sm={24} xs={24}>
                     <Col xl={16} lg={24} md={24} sm={24} xs={24}>
                       <div >
                       <div >
                       <Tree checkable loadData={this.onLoadData}>
                       <Tree checkable loadData={this.onLoadData}>
-                          {this.renderTreeNodes(this.state.groups)}
+                          {this.renderTreeNodes(groups)}
                         </Tree>
                         </Tree>
                        </div>
                        </div>
                     </Col>
                     </Col>