(names?: string | string[] | (data, options) => void) => unknown
// unknown : 아래 Props return 참고 (유연한 값)

*watch는 input의 변화를 subscribe(구독)해서 변화에 따라 re-render가 이루어진다.*

이 메서드는 지정된 입력을 감시하고 해당 값을 반환합니다. 입력 값을 렌더링하고 조건에 따라 무엇을 렌더링할지 결정하는 데 유용합니다.

지정된 값은 각 입력폼의 name을 의미합니다.

console.log(watch()), 혹은 console.log(watch(’name1’) 을 실행하면 form 안의 입력 폼이 (혹은 지정된 name만) change 될 때 마다 handleSubmit의 반환 객체가 출력 되는 것을 확인 할 수 있습니다.

Props

string

설명 : name으로 입력 값 보기

watch 의 return 값 : any

watch('inputName');       *// 변경되는 값을 보기위한 name 지정*
watch('inputName', 'hi'); *// 두 번째 인자는 초기값을 지정*

string[]

설명 : 여러 name의 입력 보기

watch 의 return 값 : unknown[]

watch(['inputName']);
watch(['inputName1', 'inputName2'], {inputName1: 'hi', inputName2: 'hello'});
*// 두 번째 인자(객체)는 초기값을 지정*

undefined

설명 : 모든 입력 보기