React useRef를 사용하여 원하는 tag에 focus 주기.

import { useRef, useState } from "react";

사용할 Ref를 선언을 해준뒤

const authorInput = useRef();

const contentInput = useRef();

 

focus를 주고 싶을 때 사용한다.

authorInput.current.focus();

contentInput.current.focus();

 

focus를 적용시킬 tag에 ref를 등록한다.

<div>

   <input

   ref={authorInput}

   name="author"

   value={state.author}

   onChange={handleChangeState}

   />

</div>

<div>

   <textarea

   ref={contentInput}

   name="content"

   value={state.content}

   onChange={handleChangeState}

   />

</div>