作用

• 固定Layout
• 保持一些公用状态
• 给页面传入一些自定义数据
• 自定义一些错误处理

import App, { Container } from 'next/app'
import Layout from '../layout'
import 'antd/dist/antd.css'
class MyApp extends App {
    static async getInitialProps ({ Component }) {
        // 每一次页面切换都会被调用
        let pageProps
        if (Component.getInitialProps) {
            pageProps = await Component.getInitialProps()
        }
        return { pageProps }
    }
    render() {
        // Component 是每一个页面
        const { Component, pageProps } = this.props
        return (
            <Container>
                      // 全局的组件
                      <Layout></Layout>
                <Component { ...pageProps }/>
            </Container>
        )
    }
}
export default MyApp