검색창에 autoFocus 추가

1. useRef 선언
import { useRef, useEffect } from 'react'
const focusRef = useRef()

2. 해당하는 input에 ref 추가 
<input type="text" ref={focusRef}  />

3. 포커싱이 일어나야 하는 라이프사이클에서 focus() 

    useEffect(()=> {

        if (searchClassName === 'search_input d-block') {

            focusRef.current.focus()

        }

    }, [searchClassName])

 

==> 검색창 레이어가 뜨는 상황을 searchClassName 상태데이터로 (d-none, d-block) 제어했고, 상태데이터가 d-block일 때 포커싱이 되도록 처리했다.