React - 按键并移动到组件

Question

作为标题：有一种方法可以在按下键时移动到组件？例如：单击“Tab”并转到我的表格的第一行；单击“输入”并进入输入。我试过使用 React 参考，但我没有成功。

Answer 1

是的，您可以使用react-use库，它为您提供了一些执行操作的钩子。你可以像这样从表单中导入useKey

import useKey from 'react-use/esm/useKey'

然后稍后在功能组件中可以编写

useKey('Escape', ()=>{})

现在，当您按下转义键时，它将运行回调函数。在该函数中，您可以编写焦点逻辑。

记得使用 useKey，Component 必须是函数式组件，因为我们只能在函数式组件中使用钩子