feat:将main.jsx改成hooks写法

src/modules/root/Main.jsx

-import React from 'react'
+import React , { useContext, useEffect ,useState}from 'react'
 import './Main.less';
 import './Main.less';
 import Bus from "@/core/bus";
 import Bus from "@/core/bus";
 import { MainRoutes } from '@/routes';
 import { MainRoutes } from '@/routes';
-class Main extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      menuType: 1,
-    }
-  }
-  componentDidMount() {
-    console.log("MainRoutes",MainRoutes);
-    Bus.bind("menuTypeChange", (menuType) => {
-      this.setState({ menuType })
-    });
-  }
-  render() {
-    const { hasBanner } = this.props;
-    return (
-      <div
-        className={this.state.menuType ? `right-container has-nav ${hasBanner ? 'has_banner' : ''}` : `right-container has-nav right-container-vertical ${hasBanner ? 'has_banner' : ''}`}
-        id="rightContainer"
-      >
-        <MainRoutes/>
-      </div>
-    )
-  }
+function Main(){
+  // constructor(props) {
+  //   super(props);
+  //   this.state = {
+  //     menuType: 1,
+  //   }
+  // }
+  const [menuType,setMenuType] = useState(1);
+
+  return (
+    <div
+      className={menuType ? `right-container has-nav}` : `right-container has-nav right-container-vertical}`}
+      id="rightContainer"
+    >
+      <MainRoutes/>
+    </div>
+  )
 }
 }
 
 
 export default Main;
 export default Main;