Reactjs 服务器端使用react的动态元标记

我正在使用SSR构建React应用程序。我现在必须实现一个带有动态元标记（og:title和og:image）的Facebook共享功能

阅读本教程后，我可以完成我的

/about

和

/faq

页面（静态）。但是，我在动态页面（如

/posts/:id

）上遇到了一个问题

在

public/index.html

中，我用一个可识别的字符串替换元数据：

<!-- in public/index.html -->
<title>$OG_TITLE</title>
<meta name="description"        content="$OG_DESCRIPTION" />
<meta property="og:title"       content="$OG_TITLE" />
<meta property="og:description" content="$OG_DESCRIPTION" />
<meta property="og:image"       content="$OG_IMAGE" />

---

因此，对于动态路由，

/posts/:id

，如何实现这一点？

与

/about

app.get('/posts/:id', function(request, response) {...}

---

虽然此代码可以回答该问题，但提供有关如何和/或为什么解决该问题的附加上下文将提高答案的长期价值。。

app.get('/posts/:id', function(request, response) {...}