|  |  | 
 |  |  |     const { } = props; | 
 |  |  |     const [menuTreeLoading, setMenuTreeLoading] = useState(false); | 
 |  |  |     const [menuTreeData, setMenuTreeData] = useState([]); | 
 |  |  |     const [menuExpandedKeys, setMenuExpandedKeys] = useState([]); | 
 |  |  |     const [menuIds, setMenuIds] = useState([]); | 
 |  |  |  | 
 |  |  |     const [menuTreeAllKeys, setMenuTreeAllKeys] = useState([]); | 
 |  |  |  | 
 |  |  |     const loadMenuTree = (param) => { | 
 |  |  |         setMenuTreeLoading(true); | 
 |  |  | 
 |  |  |             // const treeData = transformTreeData([rootMenu]); | 
 |  |  |             const treeData = transformTreeData(res.data); | 
 |  |  |             setMenuTreeData(treeData); | 
 |  |  |             // const treeAllKeys = getTreeAllKeys(treeData); | 
 |  |  |             // setDeptExpandedKeys(treeAllKeys); | 
 |  |  |             const treeAllKeys = getTreeAllKeys(treeData); | 
 |  |  |             setMenuTreeAllKeys(treeAllKeys); | 
 |  |  |         }).catch((err) => { | 
 |  |  |             console.error(err); | 
 |  |  |             setMenuTreeLoading(false); | 
 |  |  | 
 |  |  |                             <Col md={24}> | 
 |  |  |                                 <Checkbox.Group | 
 |  |  |                                     options={[ | 
 |  |  |                                         { label: '展开/折叠', value: 'deptExpand' }, | 
 |  |  |                                         { label: '全选/全不选', value: 'deptNodeAll' }, | 
 |  |  |                                         { label: '展开/折叠', value: 'expandAll' }, | 
 |  |  |                                         { label: '全选/全不选', value: 'checkAll' }, | 
 |  |  |                                     ]} | 
 |  |  |                                     onChange={(checkedValue) => { | 
 |  |  |                                         console.log(checkedValue); | 
 |  |  |                                     onChange={(values) => { | 
 |  |  |                                         if(values.includes('expandAll')) { | 
 |  |  |                                             setMenuExpandedKeys(menuTreeAllKeys); | 
 |  |  |                                         } else { | 
 |  |  |                                             setMenuExpandedKeys([]); | 
 |  |  |                                         } | 
 |  |  |                                         if(values.includes('checkAll')) { | 
 |  |  |  | 
 |  |  |                                         } else { | 
 |  |  |  | 
 |  |  |                                         } | 
 |  |  |                                     }} /> | 
 |  |  |                             </Col> | 
 |  |  |                             <Col md={24}> | 
 |  |  | 
 |  |  |                                 ) : ( | 
 |  |  |                                     <Tree | 
 |  |  |                                         checkable | 
 |  |  |                                         onExpand={(expandedKeys, { expanded, node }) => { | 
 |  |  |  | 
 |  |  |                                         }} | 
 |  |  |                                         // expandedKeys={expandedKeys} | 
 |  |  |                                         // autoExpandParent={autoExpandParent} | 
 |  |  |                                         // onCheck={onCheck} | 
 |  |  |                                         // checkedKeys={checkedKeys} | 
 |  |  |                                         // onSelect={onSelect} | 
 |  |  |                                         // selectedKeys={selectedKeys} | 
 |  |  |                                         treeData={menuTreeData} | 
 |  |  |                                         expandedKeys={menuExpandedKeys} | 
 |  |  |                                         onExpand={(expandedKeys) => { | 
 |  |  |                                             setMenuExpandedKeys(expandedKeys) | 
 |  |  |                                         }} | 
 |  |  |                                         // checkedKeys={menuIds} | 
 |  |  |                                          | 
 |  |  |                                          | 
 |  |  |                                         // onCheck={(checkedKeys, checkInfo) => { | 
 |  |  |                                         //     console.log(checkedKeys, checkInfo); | 
 |  |  |                                         // }} | 
 |  |  |                                         // defaultCheckedKeys={onSelect} | 
 |  |  |                                     /> | 
 |  |  |                                 )} | 
 |  |  |                             </Col> |