React Hook Form - useForm: watch

Показать описание

This session cover register API inside react hook form.

Beier Luo

Рекомендации по теме

Комментарии

Thanks for putting the time into making these great guides. I keep coming back to them!

masonnash

Thanks for your time. React hook form has helped me a lot. Please keep up the tutorials

jamesgrubb

You deserve more subscribers for your vids and the amazing react-hook-form library!

maxchui

I've gotten to see a few of these and have really enjoyed them. I'm sure it's a lot of work, thanks! One thing I would love to see an example of would be sub forms within parent forms.

fitzsimonsdev

This was super helpful and well explained - thanks for the demonstration!

kevn_eleven

New microphone, great! Thanks for your tutorials and for React Hook Form!!!

AnsgarSteinkamp

What if I want to display first name in other component? Before I use onChange to set the value and pass this value as a prop to other component. How can I achieve this with react hook form?

adeni

Thank you for this video! just started using React hook form, and I tried to do the exact same scenario that you illustrated for useEffect confusion!
However, for my useEffect, I was trying to automatically update the value of another field when a certain field meets the criteria. e.g. if user fills firstName = bob, then under useEffect, automatically set lastName = smith.

I understand from your video that the watch is intended to be used for rendering specific things, but just wondering if there's an alternative way to make my use case work?

estee_tey

Is there an example showing the pitfalls of trying to use getValues vs watch? I want to wrap my head around when getValues **wouldn't** trigger a re-render when conditionally rendering some component based on some other form value. Does it come down to when using controller vs. uncontrolled components?

ayogsynergy

is the watch API suitable for implementing dependency between Select components?
for example I have select box A and B, I want the options in B change depending on the selected value of A
what is the difference between useState and watch? I feel like it's better to implement the above by useState

LinhNguyen-bphd

Perfect! The only thing you got wrong was the "a lot of people DOES..." instead of "a lot of people DO". hahaha jk, Thank you for this amazing tutorial.

icarojose

Why does that initial value passed as 2nd argument to watch() fails to show up on submit handler..?

shafu_xyz

Then why don't we have another watch function just for useEffect? You can name them like renderWatch vs effectWatch, right? Or even better with useRenderWatch vs useEffectWatch ?

deltav

React Hook Form - useForm: watch

React Hook Form Tutorial - 3 - useForm Hook

React Hook Form - Complete Tutorial (with Zod)

How to build elegant React forms with React Hook Form

React Hook Form (+ Zod) - Complete Tutorial

React Hook Form - useForm: watch

This New React Hook Changes How You Use Forms

Reusable Create & Edit Form in React (React Hook Form, Zod)

React Hook Form Crash Course - Speed Up Writing React Form

ReactJS Course [11] - React-Hook-Form and YUP Tutorial | How to do Forms The Right Way

React Hook Form Tutorial - 7 - Form Submission

React Hook Form - useForm: setValue

React Hook Form Course for Beginners (inc. Zod + Material UI)

React Hook Form - useForm: register

React Hook Form & React 19 Form Actions, The Right Way

React Hook Form - React Forms Episode II

React Hook Form - useForm: trigger

React Forms Handle & Validation Tutorial | React Sign up Form | React Hook Forms for Beginners

React Hook Form - простая работа с формами

React Hook Form Tutorial - 15 - Dynamic Fields

React Hooks: Custom useForm Hook

React Hook Form - Controller

React Hook Form - useForm: formState

How to use React hook form in production

React Hook Form - useForm: resetField