function MaterialHookForm() { const { register, handleSubmit, setValue, reset, watch } = useForm({ defaultValues, }); const selectValue = watch('select'); const onSubmit = (data) => console.log(data); useEffect(() => { register({ name: 'select' }); }, [register]); const handleChange = (e) => setValue('select', e.target.value); return ( <form onSubmit={handleSubmit(onSubmit)}> <Select value={selectValue} onChange={handleChange}> <MenuItem value={10}>Ten</MenuItem> <MenuItem value={20}>Twenty</MenuItem> <MenuItem value={30}>Thirty</MenuItem> </Select> <br /> <Input inputRef={register} name='input' /> <button type='button' onClick={() => reset({ ...defaultValues })}> Reset </button> <input type='submit' /> </form> ); }
setTimeout(() => reset({ FirstName:'', LastName:'',