Javascript 如何使用“react share”软件包在Twitter和Facebook上共享图像和描述？

这是我的头盔代码

<Helmet>
  <meta property="og:image" content={shareImg} />
  <meta property="og:image:secure_url" content={shareImg} />
</Helmet>

此代码段用于Twitter和Facebook共享按钮

<li>
  <TwitterShareButton
    url={shareURL}
    title={shareTitle}
    className="social-icons"
  >
    <TwitterIcon size={24} />
  </TwitterShareButton>
</li>
<li>
  <FacebookShareButton
    url={shareURL}
    quote={shareTitle}
    className="social-icons"
>
    <FacebookIcon size={24} />
  </FacebookShareButton>
</li>

---

但它不起作用。如果有人能帮助解决这个问题，那就太好了。

为了让Facebook和Twitter显示你的页面预览，包括图片、标题等。你需要有服务器端渲染

---

您可以通过利用NextJS等库来实现这一点，使用NodeJS服务器自行构建，或者使用www.prerender.io使其变得超级简单和快速。它将抓取您的页面&将为所有抓取程序和社交媒体平台提供服务器端呈现的页面

“不起作用”实际上是一个毫无意义的问题陈述。具体说明什么有效，什么无效，预期的行为是什么，以及您的代码与图像和描述共享无效的代码有何不同。另外，推特也不起作用。这不是一个特定于代码的问题。事实上，我也认为代码看起来很好，并且用react share软件包做到了最好。有没有其他的方式或套餐？