将重点放在react-bootstrap下拉菜单和弹出窗口中

Question

我正在进行一些辅助功能更改，如果弹出/下拉菜单处于打开状态，我想将焦点集中在弹出/下拉菜单中。

我正在使用react-bootstrap，我想知道是否有react-bootstrap支持的方法。

我看过该文档，但在react-bootstrap文档中找不到任何内容。模式已经捕获了焦点，但下拉菜单和弹出窗口却没有。

但是，我可以使用其他一些程序包（例如焦点陷阱等）来执行此操作，我尝试了一个弹出框，但似乎可行。

Answer 1

尝试使用此库：https://www.npmjs.com/package/focus-trap-js 有一个解释说明如何在React中使用钩子使用它