Popular posts

Vishwa Bhat

I'm not sure if it would fit my requirement. I'd like to use the same form for crud operations and at the same time change the form submit methods(GET, PUT, POST, DELETE) based on the URL patterrns. Below are the URL patterns. The form should be intelligent enough to detect the URL patterns.

<Route path="/person/:id" component={updatePersonInfo} />  (in updatePersonInfo component the form componet should fetch the person details and prefill the form. 

<Route path="/person/" component={newPerson} /> (should display the same form in the NewPerson component without any fill and the method should be set to POST)

Is there anything you've tried?

I can see wanting to use the same form for updating a person(PUT) and adding a new person (POST). I don't see why you need to be able to DELETE and GET from the same form though.

Arun Kumar I'm not sure if I understood the use case for DELETE and GET http methods but for POST and PUT, you can just add a wrapper Component around the Form and pass the data as props based on the URL request path name -- If :id === null then pass empty state as props to the Form otherwise fetch the person's information and pass that information as the props to the Form. This operation you can perform during initialisation phase(like componentDidMount) inside Wrapper Component.

If this my answer is still not suiting your requirement then either I'm not getting it right or you're not able to put it right :)