Form validation for dynamically added fields in react

Question

I have created a form in react which has 2 fields. After clicking add button it adds same 2 more fields. Now I want to validate those fields. Can anyone help me please.

Codesandbox link : https://codesandbox.io/s/react-dynamic-form-fields-9fzzh

Answer 1

Your question is a little incomplete. First, tell me which field you want to validate and what you have tried till now. For reference you can check this site: here

Answer 2

There are a couple of ways you can do this. The standard up until recently has been using a large yup schema with conditional validation (using 'when').

I made a library called Fielder specifically for dynamic field-level validation such as in your example. It prevents the need to use a large schema and provide conditions up front.

Check out the second two examples on this page which dynamically add validation criteria as the user progresses through the form.

Check out the Fielder repo and let me know if it works out for you!