如何使用React + React-router进行Facebook照片预览样式

Question

我不想做类似Facebook在新闻Feed上显示照片时所做的事情，例如：

如果我在我的新闻Feed上，如果我点击一张照片，它会打开一个模态，并更改网址，但如果我想要关闭该模式，则后面的内容保持不变。

如果我将此网址发送给其他人，则会显示该照片的不同页面，而背景中没有新闻。

基本上，当我点击链接按钮时，我不想在用户看到的内容上显示我的数据（并更改URL），以防他刷新屏幕，我想在不同的方式，就像该数据的特殊页面一样。

有关如何使用react + react-router进行此操作的任何想法？

谢谢！

Answer 1

您可能想要检查react路由器repo中的Pinterest example。它基本上完全符合你的asking for。两种不同的视图取决于路由器状态/用户如何到达页面。

如果您想在本地查看示例，可以拉动react-router repo并关注these instructions。我找不到在线任何地方托管的示例。