div엘리먼트 React 키보드 이벤트 설정

1. tabindex 설정 → div에 focus
2. useRef focus 설정

import { useRef, useEffect } from 'react'

function test() {
	const divRef = useRef(null);
  
  	const keyControl = (key) => {
      switch (key) {
        case '':
          break;
        case '':
          break;
          //...
        default:
          break;
      }
    }
  	useEffect(() => {
      useRef.current?.focus();
    }, [])
	return (
    	<div onClick={() => useRef.current?.focus()}>
        	<div ref={divRef} tabindex={0} 
			onKeyDown={(e) => keyControl(e.key)}></div>
        </div>

    )
}