如何将全局键盘导航添加到React App

时间:2019-12-27 08:58:02

标签: reactjs keyboard-shortcuts react-router-dom

我正在使用BrowserRouter构建具有多个路由的React应用。用户主要通过单击链接组件来浏览应用程序。但是,某些页面导航也可以通过计时器进行(一旦计时器到期,应用将移至下一页/路由),而无需任何用户操作。

我需要添加一个全局键盘处理程序,允许我使用向左/向右箭头键在应用程序中来回移动。我为此尝试了几种方法(键盘手,页面组件的超类等),但没有成功。

目标是使单个组件具有按顺序排列的路径列表以及箭头键盘事件的处理程序。为了使它起作用(我相信),需要使用历史记录道具。

0 个答案:

没有答案