Function useFormSubmissionState

  • This function is a simple wrapper around the react hook useState(). The results can be passed to the <OneBlinkForm /> //TODO: Fix link component.

    Example

    import {
      useFormSubmissionState,
      OneBlinkFormControlled,
    } from '@oneblink/apps-react'

    function Uncontrolled({ form, initialSubmission, ...props }) {
      const [{ definition, submission }, setFormSubmission] =
        useFormSubmissionState(form, initialSubmission)

      return (
        <OneBlinkFormControlled
          {...props}
          definition={definition}
          submission={submission}
          setFormSubmission={setFormSubmission}
          lastElementUpdated={lastElementUpdated}
        />
      )
    }

    Parameters

    • form: Form

      The OneBlink Form to render

    • Optional initialSubmission: {
          [name: string]: unknown;
      }

      The initial submission data to populate the form with

      • [name: string]: unknown
    • Optional lastElementUpdated: FormElement

    Returns [{
        definition: Form;
        executedLookups: ExecutedLookups;
        lastElementUpdated: undefined | FormElement;
        submission: {
            [name: string]: unknown;
        };
    }, Dispatch<SetStateAction<{
        definition: Form;
        executedLookups: ExecutedLookups;
        lastElementUpdated: undefined | FormElement;
        submission: {
            [name: string]: unknown;
        };
    }>>]

Settings

Theme

On This Page