如何在按下 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()
    }
  }