渲染内置错误页面

如果你想渲染内置错误页面,你可以使用next/error

  1. import React from 'react'
  2. import Error from 'next/error'
  3. import fetch from 'isomorphic-unfetch'
  4.  
  5. export default class Page extends React.Component {
  6. static async getInitialProps() {
  7. const res = await fetch('https://api.github.com/repos/zeit/next.js')
  8. const statusCode = res.statusCode > 200 ? res.statusCode : false
  9. const json = await res.json()
  10.  
  11. return { statusCode, stars: json.stargazers_count }
  12. }
  13.  
  14. render() {
  15. if (this.props.statusCode) {
  16. return <Error statusCode={this.props.statusCode} />
  17. }
  18.  
  19. return (
  20. <div>
  21. Next stars: {this.props.stars}
  22. </div>
  23. )
  24. }
  25. }
如果你自定义了个错误页面,你可以引入自己的错误页面来代替next/error