React Redux Component

Write an HOC Build a Form component as an HOC that has input elements in it. When the form is about to mount issue some Ajax request to get data from a mock nodes JSON server (a GET) … when the data comes back in the callback you setState to populate state and re-render children with that new state … the data it gets should be just this {username: “Ashish”} and you display that in a label in the form It should have two input boxes: for email and phone number The input boxes should update a Redux store for the form as user types with each update from input the HOC should run the validation logic for email and phone number and update the labels under each input box (via calling setState with the form validation state and state of the input boxes which would cause re-render of the labels) I want all logic to be in one place in the HOC not sprinkled throughout and definitely when it comes to validation. I'd like the input components to have no behavior hardwired to them because they could be used for any type of input (just styled and reusable)… validation should be a higher level behavior (at the form level, esp. as it could eventually involve cross-validation involving many inputs)