guards.js

import React from 'react'
import { show, hide } from 'loading-bar' 

// 路由守卫
export const Guards = (Page) => {
    return class extends React.Component {
        
        /** 进入页面 */
        componentDidMount() {
            hide()
        }
        /** 离开页面 */
        componentWillUnmount() {
            show()
        }
        
        render() {
            return <Page {...this.props} />
        }
    }
}