NextJS中的功能组件与ES6类

时间:2018-07-15 07:29:04

标签: reactjs next.js

文档和其他参考资料中提供的 NextJs 页面的所有示例和教程均带有功能组件。

那类呢?当功能组件替换为ES6类时,getInitialProps(或文档中提到的其他功能)会发生什么情况。替换后该页面仍然是NextJS页面吗?

1 个答案:

答案 0 :(得分:0)

您可以使用类组件(就像我通常所做的那样),只需确保将static关键字添加到getInitialProps方法中即可:

import React from 'react';
import PropTypes from 'prop-types';

export default class Gallery extends React.Component {
    static propTypes = {
        image: PropTypes.string
    };

    static getInitialProps() {
        return {...};
    }

    render() {
        return (
            <div>
                // render gallery
            </div>
        );
    }
}