Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/algorithm/11.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 有没有办法在手机屏幕上关闭模式视频/pdf视图_Reactjs_Next.js - Fatal编程技术网

Reactjs 有没有办法在手机屏幕上关闭模式视频/pdf视图

Reactjs 有没有办法在手机屏幕上关闭模式视频/pdf视图,reactjs,next.js,Reactjs,Next.js,我使用modal(ant design)在移动屏幕上显示视频和pdf视图。当我点击mobile video/pdf view plus主屏幕的后退按钮时,我只想关闭video/pdf view和modal,而不是主屏幕 请建议我如何做到这一点。备选方案1: 您需要捕获browsers back按钮事件,并使该事件设置状态变量以关闭模式,而不是实际返回 如何捕获返回事件取决于您使用的路由类型 对于NextJS路由器,您可以在历史更改之前注册 备选方案2: 向控制模式打开状态的页面添加URL参数。所

我使用modal(ant design)在移动屏幕上显示视频和pdf视图。当我点击mobile video/pdf view plus主屏幕的后退按钮时,我只想关闭video/pdf view和modal,而不是主屏幕


请建议我如何做到这一点。

备选方案1:

您需要捕获browsers back按钮事件,并使该事件设置
状态变量以关闭模式,而不是实际返回

如何捕获返回事件取决于您使用的路由类型

对于NextJS路由器,您可以在历史更改之前注册

备选方案2:

向控制模式打开状态的页面添加URL参数。所以你有了

然后,如果从
/page
打开模式,URL将变为例如
/page?model=open


如果用户按下后退键,浏览器将返回到
/page
,模式将关闭。

我没有使用ant design,但在您的场景中,是否无法在新窗口中打开视频/pdf?目前无法这样做