(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의 반환 객체가 출력 되는 것을 확인 할 수 있습니다.
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
설명 : 모든 입력 보기