如何使用 NEXTJS 的社交分享按钮？

Question

我想为 nextjs 项目使用社交分享按钮，所以我使用这个包 https://www.npmjs.com/package/react-share 但对于 exapmle share cout 对于 facebook 和 linkedin 和 twitter 没有什么可显示的，我想显示总计没有此选项的共享计数我如何为 nextjs 项目使用 https://donreach.com/social-share-count/？

Answer 1

如果您能找到一个 API 可以为您提供给定 URL 的社交分享计数，您可以从 JS 函数向它发出请求，然后取回数据。您可以从 getInitialProps.

调用此 JS 函数

参见：“数据获取：getInitialProps | Next.js”https://nextjs.org/docs/api-reference/data-fetching/getInitialProps

摘自文档：

function Page({ stars }) { 
  return <div>Next stars: {stars}</div> 
} 

Page.getInitialProps = async (ctx) => { 
  const res = await fetch('https://api.github.com/repos/vercel/next.js');
  const json = await res.json();
  return { stars: json.stargazers_count }
}

 export default Page

如何使用 NEXTJS 的社交分享按钮？

How can use social share button for NEXTJS?

facebook-social-plugins

reactjs

next.js