Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

537
Views
How to build a page/table in React with multiple input field and dropdown in each row?

I have to build a table like UI which have multiple input, multiple dropdown and a switch per row. Some fields will be autofill where values will be passed as props or query params. Till now I have always build a form with multiple input where each input have it's own state. But how to achieve the below design. I am not sure how to manage state(handle onChange of individual input, dropdown, switch,etc) and do client side and server side validation. How to force user to enter all the required fields before clicking Create User button and display error msg below respective field. Can someone please suggest me how to achieve this. If there is any packages which can come handy or Component library like MUI,etc ?

enter image description here

about 4 years ago · Juan Pablo Isaza
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!