Reactjs 为什么我的动态路由返回空白页？

所以我对React.js中的动态路由比较陌生。 我遇到了一个问题，在过去的两个小时里我无法解决。 我有一个简单的网页，上面有博客文章，我想创建一个“阅读更多”的路线，这将重定向到完整的文章页面

到目前为止，单击这些链接后，它会重定向到正确的链接，但是，它不会显示任何内容。 我尝试过很多事情，但我看不出问题出在哪里

有谁能看看这个项目，让我知道为什么没有任何渲染？我相信这可能是进口不当的问题，但我看不出在哪里

请参阅本项目的GitHub回购协议。有App.js、Post.js、Postlink.js和Post.js我想彼此连接

Postlink.js是我想要呈现文章全部内容的页面，但React没有呈现

---

您似乎在“export const POSTLINK='/post/:id'”上犯了一个错误 因为当我单击“更多”时，我会转到“/posts/：id”；（看电视）。但当我试图改变它时，我得到了多个firebase错误，对此我一无所知

至少将您的路线更改为：

"export const POSTLINK = '/posts/:id';"

加载正确的组件

---

希望这对您有所帮助。

您似乎在“export const POSTLINK='/post/:id'”中犯了一个错误 因为当我单击“更多”时，我会转到“/posts/：id”；（看电视）。但当我试图改变它时，我得到了多个firebase错误，对此我一无所知

至少将您的路线更改为：

"export const POSTLINK = '/posts/:id';"

加载正确的组件

---

希望这有帮助。

有两个问题：

1） 您的路线匹配错误（您在应该是

posts/:id

时写入了

posts/:id

）：

2） 在

Postlink

componentDidMount（）

中，您需要调用

firebase.posts

 const ref = this.props.firebase.posts().doc(this.props.match.params.id)

---

（在您的回购协议中是

this.props.firebase.posts.doc

）

有两个问题：

1） 您的路线匹配错误（您在应该是

posts/:id

时写入了

posts/:id

）：

2） 在

Postlink

componentDidMount（）

中，您需要调用

firebase.posts

 const ref = this.props.firebase.posts().doc(this.props.match.params.id)

（在你的回购协议中，它是

这个.props.firebase.posts.doc

）

1）哦，太好了，这样一个愚蠢的错误：谢谢！2） 谢谢你指出这一点，我相信今天不是我的日子：D1）哦，太好了，这样一个愚蠢的错误：D谢谢！2） 谢谢你指出这一点，我相信今天不是我的日子