[React] useRef

DOM을 직접적으로 선택해야 할 때

import React, { useState, useRef } from 'react';
function InputSample(){
    const nameInput = useRef();
    const onReset = () => {
        setInputs({
            name:'',
            nickname : '',
        })
        nameInput.current.focus();
    }
    return (
        <div style={style}>
            <input placeholder="이름" name="name" onChange={onChange} value={name} ref={nameInput} />
            <input placeholder="닉네임" name="nickname" onChange={onChange} value={nickname} />
            <button onClick={onReset}>초기화</button>
            <div>
                <b>값 : </b>
                {name} ({nickname})
            </div>
        </div>
    )
}

ref로 속성을 지정해 준 다음, 

{}.current.{} 작업한다.