React - 按键并移动到组件

Question

作为标题：有一种方法可以在按下键时移动到组件？

例如：

• 单击“Tab”并转到我的表格的第一行；

• 单击“输入”并进入输入。

我试过使用 React 参考，但我没有成功。

Answer 1

是的，您可以使用react-use库，它为您提供了一些执行操作的钩子。你可以像这样从表单中导入useKeyimport useKey from 'react-use/esm/useKey'然后稍后在功能组件中可以编写useKey('Escape', ()=>{})现在，当您按下转义键时，它将运行回调函数。在该函数中，您可以编写焦点逻辑。记得使用 useKey，Component 必须是函数式组件，因为我们只能在函数式组件中使用钩子