fk-react-ui-components/components/FormComponent/handler/FormInstance.js

Step 1 : Create a file in [ Seeds / Plants / Trees ] <br> Step 2 : It should export an Object with component name and story Component [Refer other components] <br> Step 3 : Story Component should return a react component <br> Step 3 : Created file should

import React from "react";
import {NameExceptionHandler} from "./NameException.js";
import {isFormElements} from "../FormElements.js"

/* "this" context refers to FormComponent instance */
export function FormInstanceHandler(o){
    if(isFormElements(o)){
        NameExceptionHandler(o.props.name);
        this.allNodes[o.props.name] = null;
        o = React.cloneElement(o, {
            _formElementStatuschange : (flag, name)=>{
                this.validatationOnChange(flag, name);
            },
            ref : (elem) => { this.allNodes[o.props.name] = elem } //Use the nodes ref for future use
        })
    }
    return o;
}