reactjs - reactjs - 从不执行getInitialProps

我试图创建一个Twitter组件,从Twitter API加载tweet,并显示HTML

我想执行以下操作:


import fetch from 'node-fetch'



function Tweet(props) {


 return <>


 <div dangerouslySetInnerHTML={{


 __html: props.__html


 }} />


 <p>here I am</p>


 </>


}



Tweet.getInitialProps = async ctx => {


 console.log("here I am on the road again")


 const res = await fetch(`https://api.twitter.com/1/statuses/oembed.json?id=${ctx.tweetId}`)


 const json = await res.json()


 return { __html: json.html }


}



export default Tweet



然后在页面上像<Tweet tweetId="blah"/>那样使用它。

我发现有两个问题:

  • 我无法访问tweetId属性getInitialProps
  • 从不调用getInitialProps<p>here Iam</p>出现在HTML上,日志从不打印到地方

问题是:我哪做错了?

时间: 作者:

根据Next.js 文档getInitialProps只能由页使用,而不能由组件使用。

作者:
...