getInitialProps 不适用于异步函数

我在这个路径中有文件,./pages/blog/[id]/[title].js这里是我写的代码:


import React from 'react';

import PropTypes from 'prop-types';

import fetch from 'isomorphic-unfetch';

import BASE_URL from '../../../BaseURL';



const BlogSinglePage = props => {

  console.log(props.post);//undefined

  console.log(props);//{}

 return (

   <div></div>

 );

};


BlogSinglePage.propTypes = {

  post: PropTypes.object

};


BlogSinglePage.getInitialProps = async ({ query }) => {

    const res = await fetch(`${BASE_URL}/api/post/${query.id}`);

    const post = await res.json();

    return { post };

};


export default BlogSinglePage;

我的问题是什么时候getInitialProps 是一个async函数,它BlogSinglePage的 props 是空的,但是当getInitialProps 它不是一个async函数时,一切正常,props 不是空的


我已按照逐行执行发布页面中的代码进行操作,但它对我不起作用


慕容森
浏览 97回答 1
1回答

婷婷同学_

我不知道为什么会出现这个问题,但我重新安装了下一个 js,next-cli问题解决了:)
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript