如何在按下 Enter 键时专注于 Material UI 按钮

Question

'Tab'键将焦点移动到下一个元素（按钮），我想用'Enter'键实现这一点，但我没有怎么做？

Answer 1

在最后一个输入中按 Enter 时，您需要使用ref来聚焦按钮：

Firest，创建参考：

const buttonRef = useRef(null);

然后，在按钮中添加 ref：

<button ref={buttonRef} ...>

之后，在最后一个输入中添加onKeyPress以检查按Enter ：

<input onKeyPress={handleKeyPress} ...>

Anh 这是handleKeyPress ：

  const handleKeyPress= e => {
    if(e.key === "Enter"){
      buttonRef.current.focus()
    }
  }