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;
+function Main(){
+  // constructor(props) {
+  //   super(props);
+  //   this.state = {
+  //     menuType: 1,
+  //   }
+  // }
+  const [menuType,setMenuType] = useState(1);
+
   return (
   return (
     <div
     <div
-        className={this.state.menuType ? `right-container has-nav ${hasBanner ? 'has_banner' : ''}` : `right-container has-nav right-container-vertical ${hasBanner ? 'has_banner' : ''}`}
+      className={menuType ? `right-container has-nav}` : `right-container has-nav right-container-vertical}`}
       id="rightContainer"
       id="rightContainer"
     >
     >
       <MainRoutes/>
       <MainRoutes/>
     </div>
     </div>
   )
   )
-  }
 }
 }
 
 
 export default Main;
 export default Main;