Add client-side validation to your React forms

Share this video with your friends

Send Tweet
Published 3 years ago
Updated a year ago

Form validation in React can be tricky, but it doesn't need to be! In this lesson I'll show you how to add client-side validation to your React forms using the yup library.

Srinivas  Kasiriveni
Srinivas Kasiriveni
~ 3 years ago

Wowwwww

Christos Ziogas
Christos Ziogas
~ 2 years ago

When updating the error object, it might be a good idea to update it with a call back because there is a good chance the initial reference is being kept due to closure.

setErrors((prevErrors) => ({ ...prevErrors, [name]: e.errors }))