client/src/StepsForm.js
/**
     * Called when the inputs of a StepFormGroup are updated
     * @param stepNumber the step number of the formgroup
     * @param stepName the selected step name value
     * @param inputs the array of input arguments form the formgroup
     */
Called when the inputs of a StepFormGroup are updated
@param stepNumber the step number of the formgroup
@param stepName the selected step name value
@param inputs the array of input arguments form the formgroup
Called when the inputs of a StepFormGroup are updated @param stepNumber the step number of the formgroup @param stepName the selected step name value @param inputs the array of input arguments form the formgroup
onFormGroupChange(stepNumber, stepName, inputs) {
        let index = stepNumber - 1;
        let newFormDetails = this.state.formDetails.slice();
        newFormDetails[index].name = stepName;
        newFormDetails[index].inputs = inputs;
        this.setState({formDetails: newFormDetails});
    }
onFormGroupChange ( stepNumber , stepName , inputs ) { let index = stepNumber - 1 ; let newFormDetails = this . state . formDetails . slice ( ) ; newFormDetails [ index ] . name = stepName ; newFormDetails [ index ] . inputs = inputs ; this . setState ( { formDetails : newFormDetails } ) ; }
Called when the inputs of a StepFormGroup are updated
 @param stepNumber the step number of the formgroup
 @param stepName the selected step name value
 @param inputs the array of input arguments form the formgroup
Called when the inputs of a StepFormGroup are updated @param stepNumber the step number of the formgroup @param stepName the selected step name value @param inputs the array of input arguments form the formgroup
// get index for this step // update stepname // update inputs // update state