MUI の 複数行TextField 入力時に 「Command ( Control )」+「Enter」のショートカットキーでフォーム送信をする 

import { useRef } from 'react'
import TextField from '@mui/material/TextField'

  const refSubmitButtom = useRef<HTMLButtonElement>(null)
  const submitFormOnKeyDown = (e: any) => {
    if (!(e.key == 'Enter' && (e.metaKey == true || e.ctrlKey == true))) return

    refSubmitButtom.current?.click()
  }
<TextField
	onKeyDown={e => {
	  submitFormOnKeyDown(e)
	}}
/>
<LoadingButton type='submit' ref={refSubmitButtom}>送信ボタン</LoadingButton>
No.2231
10/28 10:55

edit