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只能由頁使用,而不能由組件使用。

作者:
...