Multi Step Form with React-hook-form and Zod

Community feedback

• 

  Luke (Taek) Nam•50

  @tnamdevnotePosted 11 months ago

  Hello, I'm working on the same challenge, and I came across your solution as I was trying to figure out the best way to define the form state in react. I took a look at your code, and you had data.ts file that defines stepsData for each form, and you also had a PlanSchema, which seems to be just the simpler version of stepsData. I think your code might be a solution to the problem that I'm having, but I would love to know your reasoning behind treating stepsData and PlanSchema separately.

  0

  ---

  

  Javed•200

  @Ofcl-JavedPosted 11 months ago

  Hey @tnamdevnote , in data.ts file array stepsData is for map the form with dynamic values Like if I wanted to change fields or heading or title I just change in the stepsData and it'll reflect in the Form. It's for better usecase instead of changing in components I'll change in the array. And PlanSchema is for form validation because I'm using zod for form validation so you have to create a schema for it so that it can validates. Even if I don't have stepsData I still have to create PlanSchema for validation

  1

  

  Luke (Taek) Nam•50

  @tnamdevnotePosted 11 months ago

  @Ofcl-Javed

  Thank you! That was helpful :))

  0