如何使用React+React路由器进行facebook照片预览风格

How to do a facebook photo preview style using React + React-router

本文关键字:照片 风格 facebook 何使用 React+React 路由器      更新时间:2024-03-09

我不想做类似于Facebook在新闻推送上显示照片的事情,例如:

如果我在我的新闻推送上,如果我点击一张照片,它会打开一个模态,并更改URL,但如果我想关闭该模态,返回的内容保持不变。

如果我把这个URL发送给其他人,它会为照片显示一个不同的页面,背景上没有新闻。

基本上,当我点击链接按钮时,我不想在用户看到的内容上显示我的数据(并更改URL),以防他刷新屏幕,我想用不同的方式显示它,比如一个专门的数据页面。

关于如何使用react+react路由器做到这一点,有什么想法吗?

谢谢!

您可能需要在react router repo中签出Pinterest示例。它基本上完全符合你的要求。根据路由器状态/用户访问页面的方式,有两种不同的视图。

如果您想在本地查看示例,可以提取react router repo并按照这些说明进行操作。我在网上找不到这些例子。