components/Layout.js

import Meta from "./Meta";
import {Container, Nav, Navbar, NavDropdown} from "react-bootstrap";
import {useContext} from "react";
import {UserContext} from "../utils/userContenxt";
import jsCookie from "js-cookie";
import Router from "next/router";

export const Layout = ({children}) => {
    const {user} = useContext(UserContext)
    if (user === undefined) return (<> {children} )
    const {menu} = user

    function handleLogout() {
        localStorage.removeItem('u')
        jsCookie.set('token', '')
        Router.push('/login')
    }

    return (<>
        
        
            
                React-Bootstrap
                
                
                    

                        Pricing
                        {menu.map(item => (
                            {item.Children.map(item => (item.divide === 1 ?  :  Router.push(item.path)}>{item.name}))}
                        ))}
                    
                    

                        
                            {user.u.uname}
                        
                         handleLogout()}>退出
                    
                
            
        
        
            {children}
        
    )
}